fix(map): keep ghost pin stems terrain-relative

packages/map-cesium-react/src/CesiumMapRenderer.tsx

@@ -605,33 +605,25 @@ function rebuildGhostPinEntities(
     presentation.label_hide_camera_height_meters,
   );
   for (const pin of runtime.currentGhostPins) {
-    const groundHeight = ghostPinGroundHeight(runtime, pin);
-    const headHeight = groundHeight + presentation.stem_height_meters;
     const label = presentation.label_mode === "subject_id"
       ? pin.id
       : pin.label;
     ghostPins.entities.add({
       id: pin.id,
-      position: Cesium.Cartesian3.fromDegrees(
-        pin.longitude,
-        pin.latitude,
-        headHeight,
+      position: ghostPinTopPosition(
+        runtime,
+        pin,
+        presentation.stem_height_meters,
       ),
       polyline: {
-        positions: [
-          Cesium.Cartesian3.fromDegrees(
-            pin.longitude,
-            pin.latitude,
-            groundHeight,
-          ),
-          Cesium.Cartesian3.fromDegrees(
-            pin.longitude,
-            pin.latitude,
-            headHeight,
-          ),
-        ],
+        positions: ghostPinStemPositions(
+          runtime,
+          pin,
+          presentation.stem_height_meters,
+        ),
         width: presentation.stem_width_px,
         material: fillColor,
+        depthFailMaterial: fillColor,
         distanceDisplayCondition: targetDistance,
       },
       billboard: {
@@ -731,29 +723,57 @@ function updateGhostPinPositions(
   for (const pin of runtime.currentGhostPins) {
     const entity = ghostPins.entities.getById(pin.id);
     if (!entity) continue;
-    const groundHeight = ghostPinGroundHeight(runtime, pin);
-    const headHeight =
-      groundHeight + layer.presentation.stem_height_meters;
-    entity.position = new Cesium.ConstantPositionProperty(
-      Cesium.Cartesian3.fromDegrees(pin.longitude, pin.latitude, headHeight),
+    entity.position = ghostPinTopPosition(
+      runtime,
+      pin,
+      layer.presentation.stem_height_meters,
     );
     if (entity.polyline) {
-      entity.polyline.positions = new Cesium.ConstantProperty([
-        Cesium.Cartesian3.fromDegrees(
-          pin.longitude,
-          pin.latitude,
-          groundHeight,
-        ),
-        Cesium.Cartesian3.fromDegrees(
-          pin.longitude,
-          pin.latitude,
-          headHeight,
-        ),
-      ]);
+      entity.polyline.positions = ghostPinStemPositions(
+        runtime,
+        pin,
+        layer.presentation.stem_height_meters,
+      );
     }
   }
 }
 
+function ghostPinTopPosition(
+  runtime: RendererRuntime,
+  pin: MapGhostPin,
+  stemHeightMeters: number,
+): CesiumModule.CallbackPositionProperty {
+  return new runtime.Cesium.CallbackPositionProperty(() => (
+    runtime.Cesium.Cartesian3.fromDegrees(
+      pin.longitude,
+      pin.latitude,
+      ghostPinGroundHeight(runtime, pin) + stemHeightMeters,
+    )
+  ), false);
+}
+
+function ghostPinStemPositions(
+  runtime: RendererRuntime,
+  pin: MapGhostPin,
+  stemHeightMeters: number,
+): CesiumModule.CallbackProperty {
+  return new runtime.Cesium.CallbackProperty(() => {
+    const groundHeight = ghostPinGroundHeight(runtime, pin);
+    return [
+      runtime.Cesium.Cartesian3.fromDegrees(
+        pin.longitude,
+        pin.latitude,
+        groundHeight,
+      ),
+      runtime.Cesium.Cartesian3.fromDegrees(
+        pin.longitude,
+        pin.latitude,
+        groundHeight + stemHeightMeters,
+      ),
+    ];
+  }, false);
+}
+
 function ghostPinGroundHeight(
   runtime: RendererRuntime,
   pin: MapGhostPin,