@mesh3d/cesium-vectortile-gl 0.4.4 → 0.4.6

package/Source/layers/LineRenderLayer.js

@@ -1,94 +1,104 @@
-import * as MVT from '@mapbox/vector-tile'
-import { StyleLayer } from '../style/StyleLayer'
-import { VectorTileset } from '../VectorTileset'
-import { IRenderLayer } from './IRenderLayer'
-import { registerRenderLayer } from './registerRenderLayer'
-import { VectorTileLOD } from '../VectorTileLOD'
-import { LineLayerVisualizer } from './visualizers/LineLayerVisualizer'
-
-export class LineRenderLayer extends IRenderLayer {
-    /**
-     * @param {MVT.VectorTileFeature[]} sourceFeatures 
-     * @param {StyleLayer} styleLayer 
-     * @param {VectorTileLOD} tile 
-     */
-    constructor(sourceFeatures, styleLayer, tile) {
-        super(sourceFeatures, styleLayer, tile)
-        this.primitive = null
-        this.dasharray = []
-        this.dashLength = 0
-    }
-
-    createPrimitve(frameState, tileset) {
-        const primitive = new Cesium.PolylineCollection()
-        const sourceFeatures = this.sourceFeatures
-        const style = this.style
-        const tile = this.tile
-
-        function addPolyline(coordinates, lineWidth, lineColor) {
-            if (coordinates.length < 2) return
-
-            const positions = coordinates.map(coord => Cesium.Cartesian3.fromDegrees(coord[0], coord[1]))
-            primitive.add({
-                positions,
-                width: lineWidth,
-                material: Cesium.Material.fromType('Color', {
-                    color: style.convertColor(lineColor)
-                })
-            })
-        }
-
-        for (const sourceFeature of sourceFeatures) {
-            const feature = sourceFeature.toGeoJSON(tile.x, tile.y, tile.z)
-            if (!feature.geometry) continue
-
-            //读取图层样式属性
-            const lineWidth = style.paint.getDataValue('line-width', tile.z, sourceFeature)
-            const lineColor = style.paint.getDataValue('line-color', tile.z, sourceFeature)
-
-            const geometryType = feature.geometry.type
-            const coordinates = feature.geometry.coordinates
-            if (geometryType == 'LineString') {
-                addPolyline(coordinates, lineWidth, lineColor)
-            }
-            else if (geometryType == 'MultiLineString' || geometryType == 'Polygon') {
-                for (const ring of coordinates) {
-                    addPolyline(ring, lineWidth, lineColor)
-                }
-            }
-            else if (geometryType == 'MultiPolygon') {
-                for (const polygon of coordinates) {
-                    for (const ring of polygon) {
-                        addPolyline(ring, lineWidth, lineColor)
-                    }
-                }
-            }
-            else {
-                console.log('暂不支持几何类型：' + geometryType);
-            }
-        }
-
-        this.primitive = primitive
-    }
-
-    /**
-    * @param {Cesium.FrameState} frameState 
-    * @param {VectorTileset} tileset 
-    */
-    update(frameState, tileset) {
-        // if (!this.primitive) {
-        //     this.createPrimitve(frameState, tileset)
-        // }
-        // if (this.primitive && this.primitive.length) {
-        //     this.primitive.update(frameState)
-        // }
-        super.update(frameState, tileset)
-    }
-
-    destroy() {
-        this.primitive = this.primitive && this.primitive.destroy()
-        super.destroy()
-    }
-}
-
-registerRenderLayer('line', LineRenderLayer, LineLayerVisualizer)
+import * as MVT from '@mapbox/vector-tile'
+import { StyleLayer } from '../style/StyleLayer'
+import { VectorTileset } from '../VectorTileset'
+import { IRenderLayer } from './IRenderLayer'
+import { registerRenderLayer } from './registerRenderLayer'
+import { VectorTileLOD } from '../VectorTileLOD'
+import { LineLayerVisualizer } from './visualizers/LineLayerVisualizer'
+
+export class LineRenderLayer extends IRenderLayer {
+  /**
+   * @param {MVT.VectorTileFeature[]} sourceFeatures
+   * @param {StyleLayer} styleLayer
+   * @param {VectorTileLOD} tile
+   */
+  constructor(sourceFeatures, styleLayer, tile) {
+    super(sourceFeatures, styleLayer, tile)
+    this.primitive = null
+    this.dasharray = []
+    this.dashLength = 0
+  }
+
+  createPrimitve(frameState, tileset) {
+    const primitive = new Cesium.PolylineCollection()
+    const sourceFeatures = this.sourceFeatures
+    const style = this.style
+    const tile = this.tile
+
+    function addPolyline(coordinates, lineWidth, lineColor) {
+      if (coordinates.length < 2) return
+
+      const positions = coordinates.map(coord =>
+        Cesium.Cartesian3.fromDegrees(coord[0], coord[1])
+      )
+      primitive.add({
+        positions,
+        width: lineWidth,
+        material: Cesium.Material.fromType('Color', {
+          color: style.convertColor(lineColor)
+        })
+      })
+    }
+
+    for (const sourceFeature of sourceFeatures) {
+      const feature = sourceFeature.toGeoJSON(tile.x, tile.y, tile.z)
+      if (!feature.geometry) continue
+
+      //读取图层样式属性
+      const lineWidth = style.paint.getDataValue(
+        'line-width',
+        tile.z,
+        sourceFeature
+      )
+      const lineColor = style.paint.getDataValue(
+        'line-color',
+        tile.z,
+        sourceFeature
+      )
+
+      const geometryType = feature.geometry.type
+      const coordinates = feature.geometry.coordinates
+      if (geometryType == 'LineString') {
+        addPolyline(coordinates, lineWidth, lineColor)
+      } else if (
+        geometryType == 'MultiLineString' ||
+        geometryType == 'Polygon'
+      ) {
+        for (const ring of coordinates) {
+          addPolyline(ring, lineWidth, lineColor)
+        }
+      } else if (geometryType == 'MultiPolygon') {
+        for (const polygon of coordinates) {
+          for (const ring of polygon) {
+            addPolyline(ring, lineWidth, lineColor)
+          }
+        }
+      } else {
+        console.log('暂不支持几何类型：' + geometryType)
+      }
+    }
+
+    this.primitive = primitive
+  }
+
+  /**
+   * @param {Cesium.FrameState} frameState
+   * @param {VectorTileset} tileset
+   */
+  update(frameState, tileset) {
+    // if (!this.primitive) {
+    //     this.createPrimitve(frameState, tileset)
+    // }
+    // if (this.primitive && this.primitive.length) {
+    //     this.primitive.update(frameState)
+    // }
+    super.update(frameState, tileset)
+  }
+
+  destroy() {
+    this.primitive = this.primitive && this.primitive.destroy()
+    super.destroy()
+  }
+}
+
+registerRenderLayer('line', LineRenderLayer, LineLayerVisualizer)

package/Source/layers/SymbolRenderLayer.js

@@ -1,31 +1,30 @@
-import * as MVT from '@mapbox/vector-tile'
-import { StyleLayer } from '../style/StyleLayer'
-import { VectorTileLOD } from '../VectorTileLOD'
-import { IRenderLayer } from './IRenderLayer'
-import { SymbolLayerVisualizer } from './visualizers/SymbolLayerVisualizer'
-import { registerRenderLayer } from './registerRenderLayer'
-
-export class SymbolRenderLayer extends IRenderLayer {
-    /**
-     * @param {MVT.VectorTileFeature[]} sourceFeatures 
-     * @param {StyleLayer} style 
-     * @param {VectorTileLOD} tile 
-     */
-    constructor(sourceFeatures, styleLayer, tile) {
-        super(sourceFeatures, styleLayer, tile)
-        this.labels = []
-    }
-
-    /**
-    * @param {Cesium.FrameState} frameState 
-    * @param {VectorTileset} tileset 
-    */
-    update(frameState, tileset) {
-        //TODO：动态更新符号样式
-
-        super.update(frameState, tileset)
-    }
-
-}
-
-registerRenderLayer('symbol', SymbolRenderLayer, SymbolLayerVisualizer)
+import * as MVT from '@mapbox/vector-tile'
+import { StyleLayer } from '../style/StyleLayer'
+import { VectorTileLOD } from '../VectorTileLOD'
+import { IRenderLayer } from './IRenderLayer'
+import { SymbolLayerVisualizer } from './visualizers/SymbolLayerVisualizer'
+import { registerRenderLayer } from './registerRenderLayer'
+
+export class SymbolRenderLayer extends IRenderLayer {
+  /**
+   * @param {MVT.VectorTileFeature[]} sourceFeatures
+   * @param {StyleLayer} style
+   * @param {VectorTileLOD} tile
+   */
+  constructor(sourceFeatures, styleLayer, tile) {
+    super(sourceFeatures, styleLayer, tile)
+    this.labels = []
+  }
+
+  /**
+   * @param {Cesium.FrameState} frameState
+   * @param {VectorTileset} tileset
+   */
+  update(frameState, tileset) {
+    //TODO：动态更新符号样式
+
+    super.update(frameState, tileset)
+  }
+}
+
+registerRenderLayer('symbol', SymbolRenderLayer, SymbolLayerVisualizer)

package/Source/layers/index.js

@@ -1,16 +1,23 @@
-import { RenderLayers, LayerVisualizers, registerRenderLayer } from "./registerRenderLayer";
-import { ILayerVisualizer } from "./visualizers/ILayerVisualizer";
-import { IRenderLayer } from "./IRenderLayer";
-import { BackgroundRenderLayer } from "./BackgroundRenderLayer";
-import { FillRenderLayer } from "./FillRenderLayer";
-import { LineRenderLayer } from "./LineRenderLayer";
-import {SymbolRenderLayer } from "./SymbolRenderLayer";
-
-export {
-    RenderLayers, LayerVisualizers, registerRenderLayer,
-    IRenderLayer, ILayerVisualizer,
-    BackgroundRenderLayer,
-    FillRenderLayer,
-    LineRenderLayer,
-    SymbolRenderLayer
-}
+import {
+  RenderLayers,
+  LayerVisualizers,
+  registerRenderLayer
+} from './registerRenderLayer'
+import { ILayerVisualizer } from './visualizers/ILayerVisualizer'
+import { IRenderLayer } from './IRenderLayer'
+import { BackgroundRenderLayer } from './BackgroundRenderLayer'
+import { FillRenderLayer } from './FillRenderLayer'
+import { LineRenderLayer } from './LineRenderLayer'
+import { SymbolRenderLayer } from './SymbolRenderLayer'
+
+export {
+  RenderLayers,
+  LayerVisualizers,
+  registerRenderLayer,
+  IRenderLayer,
+  ILayerVisualizer,
+  BackgroundRenderLayer,
+  FillRenderLayer,
+  LineRenderLayer,
+  SymbolRenderLayer
+}

package/Source/layers/registerRenderLayer.js

@@ -1,24 +1,24 @@
-import { ILayerVisualizer } from "./visualizers/ILayerVisualizer"
-import { IRenderLayer } from "./IRenderLayer"
-
-/**
- * @type {Record<string,typeof IRenderLayer>}
- */
-const RenderLayers = {}
-/**
- * @type {Record<string,typeof ILayerVisualizer>}
- */
-const LayerVisualizers = {}
-
-/**
- * 注册图层类型，设置渲染图层类和图层渲染器类（非必须）
- * @param {"symbol" | "fill" | "line" | "circle" | "heatmap" | "fill-extrusion" | "raster" | "hillshade" | "color-relief" | "background"} type 图层类型
- * @param {typeof IRenderLayer} renderLayerCls 渲染图层类，必须继承 IRenderLayer
- * @param {typeof ILayerVisualizer} [layerVisualizerCls] 图层渲染器类，必须继承 ILayerVisualizer
- */
-function registerRenderLayer(type, renderLayerCls, layerVisualizerCls) {
-    RenderLayers[type] = renderLayerCls
-    LayerVisualizers[type] = layerVisualizerCls
-}
-
-export { RenderLayers, LayerVisualizers, registerRenderLayer }
+import { ILayerVisualizer } from './visualizers/ILayerVisualizer'
+import { IRenderLayer } from './IRenderLayer'
+
+/**
+ * @type {Record<string,typeof IRenderLayer>}
+ */
+const RenderLayers = {}
+/**
+ * @type {Record<string,typeof ILayerVisualizer>}
+ */
+const LayerVisualizers = {}
+
+/**
+ * 注册图层类型，设置渲染图层类和图层渲染器类（非必须）
+ * @param {"symbol" | "fill" | "line" | "circle" | "heatmap" | "fill-extrusion" | "raster" | "hillshade" | "color-relief" | "background"} type 图层类型
+ * @param {typeof IRenderLayer} renderLayerCls 渲染图层类，必须继承 IRenderLayer
+ * @param {typeof ILayerVisualizer} [layerVisualizerCls] 图层渲染器类，必须继承 ILayerVisualizer
+ */
+function registerRenderLayer(type, renderLayerCls, layerVisualizerCls) {
+  RenderLayers[type] = renderLayerCls
+  LayerVisualizers[type] = layerVisualizerCls
+}
+
+export { RenderLayers, LayerVisualizers, registerRenderLayer }