@mesh3d/cesium-vectortile-gl 0.4.5 → 0.4.6

package/Source/layers/visualizers/SymbolLayerVisualizer.js

@@ -17,6 +17,9 @@ let scratchDirectionToEye = null
 /**@type {Cesium.Cartesian3} */
 let scratchSurfaceNormal = null
 
+/** 淡入淡出每帧向目标透明度的插值系数，约 0.10 时 ~10帧完成过渡，越小越慢 */
+const FADE_SPEED = 0.1
+
 export class SymbolLayerVisualizer extends ILayerVisualizer {
   constructor(layers, tile) {
     if (scratchDirectionToEye === null) {
@@ -85,7 +88,8 @@ export class SymbolLayerVisualizer extends ILayerVisualizer {
         !Cesium.Rectangle.contains(
           rectangle,
           Cesium.Cartographic.fromDegrees(coord[0], coord[1])
-        )
+        ) ||
+        !text
       ) {
         return
       }
@@ -106,6 +110,9 @@ export class SymbolLayerVisualizer extends ILayerVisualizer {
         horizontalOrigin: textOrigin.horizontal,
         verticalOrigin: textOrigin.vertical
       })
+      label._baseFillColor = label.fillColor.clone()
+      label._baseOutlineColor = label.outlineColor.clone()
+      label.vtAlpha = 0
       label.batchId = labels.length
       labels.push(label)
       layer.labels.push(label)
@@ -299,6 +306,9 @@ export class SymbolLayerVisualizer extends ILayerVisualizer {
         horizontalOrigin: textOrigin.horizontal,
         verticalOrigin: textOrigin.vertical
       })
+      label._baseFillColor = label.fillColor.clone()
+      label._baseOutlineColor = label.outlineColor.clone()
+      label.vtAlpha = 0
       label.batchId = labels.length
       labels.push(label)
       layer.labels.push(label)
@@ -344,6 +354,37 @@ export class SymbolLayerVisualizer extends ILayerVisualizer {
       this.primitive.update(frameState)
       frameState.commandList = preCommandList
 
+      //解决Cesium特殊字符支持问题：生成的字形图纹理宽高为0的情况下，dimensions的height或者width为NaN，
+      //导致drawCommand的boundingVolume.radius为NaN，
+      //进而引发 View.createPotentiallyVisibleSet drawCommand按视锥分组失败的致命问题
+      for (const label of this.labels) {
+        const glyphs = label._glyphs
+        if (glyphs) {
+          let text = label.text,
+            newGlyphs = [],
+            newText = [],
+            glyphsChanged = false
+          for (let glyphIndex = 0; glyphIndex < glyphs.length; glyphIndex++) {
+            const glyph = glyphs[glyphIndex]
+            const dimensions = glyph.dimensions
+            if (
+              dimensions &&
+              isFinite(dimensions.width) &&
+              isFinite(dimensions.height)
+            ) {
+              newText.push(text[glyphIndex])
+              newGlyphs.push(glyph)
+            } else {
+              glyphsChanged = true
+            }
+          }
+          if (glyphsChanged) {
+            label._glyphs = newGlyphs
+            label.text = newText.join('')
+          }
+        }
+      }
+
       if (this.state === 'none' && preCommandList.length > 0) {
         this.setState('done')
       }
@@ -373,9 +414,31 @@ export class SymbolLayerVisualizer extends ILayerVisualizer {
         ) {
           layer.labels[i].show = false
         } else {
-          //vtPlaceable 为碰撞检测结果，true 表示可以摆放到屏幕
-          //碰撞检测在 symbol/SymbolPlacements.js 里完成
-          layer.labels[i].show = !!layer.labels[i].vtPlaceable
+          // 淡入淡出：根据 vtPlaceable 插值 vtAlpha，用 style 透明度控制，alpha 为 0 时才彻底隐藏
+          const label = layer.labels[i]
+          if (!label._baseFillColor) {
+            label._baseFillColor = label.fillColor.clone()
+            label._baseOutlineColor = label.outlineColor.clone()
+            if (label.vtAlpha == null) label.vtAlpha = label.vtPlaceable ? 1 : 0
+          }
+          const targetAlpha = label.vtPlaceable ? 1 : 0
+          label.vtAlpha = Cesium.Math.lerp(
+            label.vtAlpha ?? 0,
+            targetAlpha,
+            FADE_SPEED
+          )
+          if (label.vtAlpha < 0.001) {
+            label.vtAlpha = 0
+            label.show = false
+          } else {
+            label.show = true
+            label.fillColor = label._baseFillColor.withAlpha(
+              label._baseFillColor.alpha * label.vtAlpha
+            )
+            label.outlineColor = label._baseOutlineColor.withAlpha(
+              label._baseOutlineColor.alpha * label.vtAlpha
+            )
+          }
         }
       }
     }