Merge pull request #32 from JPL-Devin/devin/1776711550-lithosphere-gradient-support

Add LithoSphere gradient layer support via lithosphere ^1.6.0

Author: tariqksoliman

package-lock.json

@@ -127,7 +127,7 @@
     "http-proxy-middleware": "3.0.5",
     "isomorphic-ws": "5.0.0",
     "jquery": "^3.5.1",
-    "lithosphere": "^1.5.5",
+    "lithosphere": "^1.6.0",
     "mark.js": "^8.11.1",
     "materialize-css": "^1.0.0",
     "memorystore": "^1.6.2",

package.json

@@ -451,11 +451,11 @@ class GlobeRenderer {
      */
     addLayer(type, layerConfig) {
         if (type === 'gradient_polyline') {
-            // Gradient polylines are only supported by the Cesium renderer
             if (this.rendererType === 'cesium') {
                 return this._addCesiumGradientPolyline(layerConfig)
             }
-            return null
+            // LithoSphere 1.6.0+: map to 'gradient' layer type
+            return this._addLithoSphereGradient(layerConfig)
         }
         if (this.rendererType === 'lithosphere') {
             return this.renderer.addLayer(type, layerConfig)
@@ -799,6 +799,25 @@ class GlobeRenderer {
      * @param {object} layerConfig - { name, geojson, gradientSettings, layerObj }
      * @returns {string} Layer name used as ID for removal
      */
+    _addLithoSphereGradient(layerConfig) {
+        const layerName = `${layerConfig.name}_gradient`
+
+        // Remove existing gradient layer with that name if present
+        this.renderer.removeLayer(layerName)
+
+        const lithoConfig = {
+            name: layerName,
+            on: true,
+            opacity: 1,
+            geojson: layerConfig.geojson,
+            gradientSettings: layerConfig.gradientSettings,
+        }
+
+        this.renderer.addLayer('gradient', lithoConfig)
+
+        return layerName
+    }
+
     _addCesiumGradientPolyline(layerConfig) {
         const { name, geojson, gradientSettings } = layerConfig
         const layerName = `${name}_gradient`
@@ -1484,8 +1503,6 @@ class GlobeRenderer {
      */
     removeLayer(name) {
         if (this.rendererType === 'lithosphere') {
-            // Gradient polylines are Cesium-only; skip for LithoSphere
-            if (this._layers && this._layers[name]?.type === 'gradient_polyline') return
             return this.renderer.removeLayer(name)
         } else {
             const layerInfo = this._layers[name]
@@ -1771,6 +1788,12 @@ class GlobeRenderer {
             }
         }
 
+        if (bestDist === Infinity) {
+            this._gradientHoverDot.show = false
+            this._requestRender()
+            return
+        }
+
         this._gradientHoverDot.position = Cesium.Cartesian3.fromDegrees(
             bestLng, bestLat, bestElev
         )