easy-three-utils 0.0.336 → 0.0.338

package/cesium/mars3d/drawPolygon.d.ts

@@ -0,0 +1,81 @@
+import * as cesium from 'cesium'
+import * as mars3d from "mars3d"
+
+/**
+ * @param clampToGround 是否贴地 
+ * @param color 标绘颜色 
+ * @param fill 是否填充 
+ * @param chasIntext 是否显示文本 
+ * @param lineType 线段类型 
+ * @param lineWidth 线段宽度 
+ * @param serif 是否显示衬线 
+ * @param serifColor 衬线颜色 
+ * @param serifDirect 衬线类型 
+ * @param serifWidth 衬线类型 
+ */
+
+export interface GraphicStyleOptions {
+    clampToGround?: boolean
+    color?: string
+    fill?: boolean
+    chasIntext?: boolean
+    lineType?: number
+    lineWidth?: number
+    serif?: boolean
+    serifColor?: string
+    serifDirect?: number
+    serifWidth?: number
+}
+
+export interface FileLike {
+    name: string
+    originFileObj?: File
+}
+
+export interface PolygonUtils {
+    /**
+     * 初始化工具
+     * @param Viewer cesium.Viewer
+     */
+    init: (Viewer: cesium.Viewer) => void
+
+    /**
+     * 销毁工具
+     */
+    destroy: () => void
+
+    /**
+     * 开始绘制
+     */
+    startDraw: (options: GraphicStyleOptions) => void
+
+    /**
+     * 清空图层
+     */
+    clearLayer: () => void
+
+    /**
+     * 读取文件并加载
+     */
+    readFileAndload: (file: FileLike | File) => void
+
+    /**
+     * 保存并导出标注数据
+     */
+    saveAndExportFile: () => void
+
+    /**
+     * 获取指定图形的样式
+     */
+    getGraphicStyles: (graphicId: string) => { style: GraphicStyleOptions }
+
+    /**
+     * 设置当前选中图形的样式
+     */
+    setGraphicStyles: (options: { style: GraphicStyleOptions }) => void
+}
+
+/**
+ * 标绘工具 hooks
+ */
+export declare function usePolygonUtils(): PolygonUtils

package/cesium/mars3d/drawPolygon.js

@@ -0,0 +1,134 @@
+import * as mars3d from "mars3d"
+import "mars3d-plot"
+
+/**
+ * @ClassName mars3d-plotUtils
+ * @Author sjq
+ * @Date 2025/9/15 17:30
+ * @Description 绘制jb工具
+ * @Version 1.0
+ */
+
+const usePolygonUtils = () => {
+
+  let map;
+  let graphicLayer;
+  let graphic;
+
+  const init = (viewer) => {
+    if (map) return
+
+    map = new mars3d.Map(viewer)
+    graphicLayer = new mars3d.layer.GraphicLayer({
+      hasEdit: true,
+      isAutoEditing: true
+    })
+    map.addLayer(graphicLayer)
+
+    graphicLayer.on(mars3d.EventType.click, (e) => { graphic = graphicLayer.getGraphicById(e.graphic.options.id) })
+  }
+
+  const destroy = () => {
+    if (graphicLayer) {
+      graphicLayer.destroy()
+      graphicLayer = null
+    }
+
+    graphic = null
+    map = null
+  }
+
+  const startDraw = (options) => {
+    let style = {
+      color: "#1bca79ff",
+      lineWidth: 1.5,
+      ...options.style
+    }
+    const graphicOptions = {
+      code: options.code,
+      name: options.name,
+      type: options.type,
+      style,
+      scaleValues: options.scaleValues
+    }
+
+    graphicLayer.startDraw(graphicOptions)
+  }
+
+  const clearLayer = () => {
+    graphicLayer.clear()
+  }
+
+  const readFileAndload = (file) => {
+    const fileName = file.name
+    const fileType = fileName?.substring(fileName.lastIndexOf(".") + 1, fileName.length).toLowerCase()
+
+    if (fileType === "json" || fileType === "geojson") {
+      const reader = new FileReader()
+      reader.readAsText(file.originFileObj, "UTF-8")
+      reader.onloadend = function (e) {
+        const json = this.result
+        graphicLayer.loadJSON(json, { clear: true, flyTo: true })
+      }
+    } else {
+      throw new Error("暂不支持 " + fileType + " 文件类型的数据！")
+    }
+  }
+
+  const saveAndExportFile = () => {
+    if (graphicLayer.getGraphics().length === 0) {
+      throw new Error("当前没有标注任何数据，无需保存！")
+    }
+    const geojson = graphicLayer.toJSON()
+    mars3d.Util.downloadFile("标绘.json", JSON.stringify(geojson))
+  }
+
+  /**
+   * @clampToGround 是否贴地 boolean
+   * @color 标绘颜色 string
+   * @fill 是否填充 boolean
+   * @chasIntext 是否显示文本 boolean
+   * @lineType 线段类型 number
+   * @lineWidth 线段宽度 number
+   * @serif 是否显示衬线 boolean
+   * @serifColor 衬线颜色 string
+   * @serifDirect 衬线类型 number
+   * @serifWidth 衬线类型 number
+   */
+
+  const getGraphicStyles = (graphicId) => {
+    graphic = graphicLayer.getGraphicById(graphicId)
+    if (!graphic) {
+      throw new Error("没有获取到矢量！")
+    }
+
+    const options = graphic.toJSON()
+    return options
+  }
+
+  const setGraphicStyles = (options) => {
+    if (!graphic) {
+      return
+    }
+    graphic.setOptions(options)
+  }
+
+  return {
+    map,
+    graphicLayer,
+    graphic,
+
+    init,
+    destroy,
+    startDraw,
+    clearLayer,
+    readFileAndload,
+    saveAndExportFile,
+    getGraphicStyles,
+    setGraphicStyles
+  }
+}
+
+export {
+  usePolygonUtils
+}

package/cesium/utils/useCloud.ts

@@ -0,0 +1,113 @@
+import * as Cesium from 'cesium'
+
+const useCloud = (viewer: Cesium.Viewer) => {
+
+    let cloudsCollection = []
+
+    const getRandomPoints = (polygonCartesian: Cesium.Cartesian3[], numPoints: number, h: number) => {
+
+        const polygon = polygonCartesian.map(cartesian => {
+            const cartographic = Cesium.Cartographic.fromCartesian(cartesian)
+            return {
+                lon: Cesium.Math.toDegrees(cartographic.longitude),
+                lat: Cesium.Math.toDegrees(cartographic.latitude),
+                height: cartographic.height + h,
+            }
+        })
+
+        const lonArray = polygon.map(p => p.lon)
+        const latArray = polygon.map(p => p.lat)
+        const minLon = Math.min(...lonArray)
+        const maxLon = Math.max(...lonArray)
+        const minLat = Math.min(...latArray)
+        const maxLat = Math.max(...latArray)
+        const heightAvg = polygon.reduce((sum, p) => sum + p.height, 0) / polygon.length
+
+        const isInside = (
+            point: {
+                lon: number,
+                lat: number
+            },
+            polygon: {
+                lon: number;
+                lat: number;
+                height: number;
+            }[]
+        ) => {
+            let inside = false;
+            for (let i = 0, j = polygon.length - 1; i < polygon.length; j = i++) {
+                const xi = polygon[i].lon, yi = polygon[i].lat
+                const xj = polygon[j].lon, yj = polygon[j].lat
+                const intersect = ((yi > point.lat) !== (yj > point.lat)) &&
+                    (point.lon < (xj - xi) * (point.lat - yi) / (yj - yi) + xi)
+                if (intersect) inside = !inside
+            }
+            return inside;
+        }
+
+        const points = [];
+        while (points.length < numPoints) {
+            const lon = Math.random() * (maxLon - minLon) + minLon
+            const lat = Math.random() * (maxLat - minLat) + minLat
+            if (isInside({ lon, lat }, polygon)) {
+                points.push(Cesium.Cartesian3.fromDegrees(lon, lat, heightAvg))
+            }
+        }
+
+        return points;
+    }
+
+    const activateDrawCloud = (cloudWidth: number, cloudLength: number, density: number, points: Cesium.Cartesian3[]) => {
+        const clouds = viewer.scene.primitives.add(new Cesium.CloudCollection())
+
+        // cloudsCollection.push({
+        //   id: 
+        // })
+
+        const width = Math.max(...points.map(p => p.x)) - Math.min(...points.map(p => p.x))
+        const length = Math.max(...points.map(p => p.y)) - Math.min(...points.map(p => p.y))
+        const num = Math.floor(width * length / (cloudLength * cloudWidth)) * density
+        const _points = getRandomPoints(points, num, 5000 + (cloudLength + cloudWidth) / 2)
+
+        _points.forEach(point => {
+            const r = Math.random();
+            clouds.add({
+                show: true,
+                position: point,
+                maximumSize: new Cesium.Cartesian3(
+                    5 + r * 15,
+                    4 + r * 10,
+                    3 + r * 5
+                ),
+                scale: new Cesium.Cartesian2(
+                    cloudWidth * (0.8 + Math.random() * 0.4),
+                    cloudLength * (0.8 + Math.random() * 0.4)
+                ),
+                slice: 0.2 + Math.random() * 0.3,
+                brightness: 0.8 + Math.random() * 0.4,
+                color: new Cesium.Color(
+                    0.9 + Math.random() * 0.1,
+                    0.7 + Math.random() * 0.2,
+                    0.6 + Math.random() * 0.2,
+                    0.8
+                ),
+                noiseDetail: 3.0 + Math.random(),
+                noiseOffset: new Cesium.Cartesian3(
+                    Math.random() * 100,
+                    Math.random() * 100,
+                    Math.random() * 100
+                ),
+                orientation: Cesium.Quaternion.fromAxisAngle(
+                    Cesium.Cartesian3.UNIT_Z,
+                    Math.random() * Cesium.Math.TWO_PI
+                )
+            })
+        })
+
+    }
+
+    const clearAll = () => {
+
+    }
+
+}

package/cesium/utils/useDrawTools.ts

@@ -0,0 +1,50 @@
+import * as Cesium from 'cesium'
+
+enum ECollectionWhiteListNames {
+    POLYGON = 'polygon',
+    POLYGON_NODE = 'polygon_node'
+}
+
+const useCustomCollection = (viewer: Cesium.Viewer) => {
+
+    let collectionNames: string[] = ([])
+    let whiteList: string[] = ['polygon', 'polygon_node']
+
+    const addCollection = (name: string) => {
+        const index = collectionNames.findIndex(item => item === name)
+        if (index !== -1) return
+        collectionNames.push(name)
+        const dataSource = new Cesium.CustomDataSource(name);
+        viewer.dataSources.add(dataSource);
+        return dataSource
+    }
+
+    const getCollection = (name: ECollectionWhiteListNames | string) => {
+        const collection = viewer.dataSources.getByName(name)
+        if (collection.length) {
+            return collection[0]
+        }
+    }
+
+    const removeCollection = (name: string) => {
+        const collection = viewer.dataSources.getByName(name)
+        viewer.dataSources.remove(collection[0], false)
+        collectionNames = collectionNames.filter(item => item !== name && !whiteList.includes(item))
+    }
+
+    const getCollectionNames = () => {
+        return collectionNames.filter(item => !whiteList.includes(item))
+    }
+
+    return {
+        addCollection,
+        getCollection,
+        removeCollection,
+        getCollectionNames
+    }
+}
+
+export {
+    ECollectionWhiteListNames,
+    useCustomCollection
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "easy-three-utils",
-  "version": "0.0.336",
+  "version": "0.0.338",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"