globe.gl 2.24.4 → 2.25.1

package/dist/globe.gl.module.js

@@ -188,10 +188,10 @@ var three = window.THREE ? window.THREE // Prefer consumption from global THREE,
 // Expose config from ThreeGlobe
 
 var bindGlobe = linkKapsule('globe', ThreeGlobe);
-var linkedGlobeProps = Object.assign.apply(Object, _toConsumableArray(['globeImageUrl', 'bumpImageUrl', 'showGlobe', 'showGraticules', 'showAtmosphere', 'atmosphereColor', 'atmosphereAltitude', 'globeMaterial', 'onGlobeReady', 'pointsData', 'pointLat', 'pointLng', 'pointColor', 'pointAltitude', 'pointRadius', 'pointResolution', 'pointsMerge', 'pointsTransitionDuration', 'arcsData', 'arcStartLat', 'arcStartLng', 'arcEndLat', 'arcEndLng', 'arcColor', 'arcAltitude', 'arcAltitudeAutoScale', 'arcStroke', 'arcCurveResolution', 'arcCircularResolution', 'arcDashLength', 'arcDashGap', 'arcDashInitialGap', 'arcDashAnimateTime', 'arcsTransitionDuration', 'polygonsData', 'polygonGeoJsonGeometry', 'polygonCapColor', 'polygonCapMaterial', 'polygonSideColor', 'polygonSideMaterial', 'polygonStrokeColor', 'polygonAltitude', 'polygonCapCurvatureResolution', 'polygonsTransitionDuration', 'pathsData', 'pathPoints', 'pathPointLat', 'pathPointLng', 'pathPointAlt', 'pathResolution', 'pathColor', 'pathStroke', 'pathDashLength', 'pathDashGap', 'pathDashInitialGap', 'pathDashAnimateTime', 'pathTransitionDuration', 'hexBinPointsData', 'hexBinPointLat', 'hexBinPointLng', 'hexBinPointWeight', 'hexBinResolution', 'hexMargin', 'hexTopCurvatureResolution', 'hexTopColor', 'hexSideColor', 'hexAltitude', 'hexBinMerge', 'hexTransitionDuration', 'hexPolygonsData', 'hexPolygonGeoJsonGeometry', 'hexPolygonColor', 'hexPolygonAltitude', 'hexPolygonResolution', 'hexPolygonMargin', 'hexPolygonCurvatureResolution', 'hexPolygonsTransitionDuration', 'tilesData', 'tileLat', 'tileLng', 'tileAltitude', 'tileWidth', 'tileHeight', 'tileUseGlobeProjection', 'tileMaterial', 'tileCurvatureResolution', 'tilesTransitionDuration', 'ringsData', 'ringLat', 'ringLng', 'ringAltitude', 'ringColor', 'ringResolution', 'ringMaxRadius', 'ringPropagationSpeed', 'ringRepeatPeriod', 'labelsData', 'labelLat', 'labelLng', 'labelAltitude', 'labelRotation', 'labelText', 'labelSize', 'labelTypeFace', 'labelColor', 'labelResolution', 'labelIncludeDot', 'labelDotRadius', 'labelDotOrientation', 'labelsTransitionDuration', 'customLayerData', 'customThreeObject', 'customThreeObjectUpdate'].map(function (p) {
+var linkedGlobeProps = Object.assign.apply(Object, _toConsumableArray(['globeImageUrl', 'bumpImageUrl', 'showGlobe', 'showGraticules', 'showAtmosphere', 'atmosphereColor', 'atmosphereAltitude', 'globeMaterial', 'onGlobeReady', 'pointsData', 'pointLat', 'pointLng', 'pointColor', 'pointAltitude', 'pointRadius', 'pointResolution', 'pointsMerge', 'pointsTransitionDuration', 'arcsData', 'arcStartLat', 'arcStartLng', 'arcEndLat', 'arcEndLng', 'arcColor', 'arcAltitude', 'arcAltitudeAutoScale', 'arcStroke', 'arcCurveResolution', 'arcCircularResolution', 'arcDashLength', 'arcDashGap', 'arcDashInitialGap', 'arcDashAnimateTime', 'arcsTransitionDuration', 'polygonsData', 'polygonGeoJsonGeometry', 'polygonCapColor', 'polygonCapMaterial', 'polygonSideColor', 'polygonSideMaterial', 'polygonStrokeColor', 'polygonAltitude', 'polygonCapCurvatureResolution', 'polygonsTransitionDuration', 'pathsData', 'pathPoints', 'pathPointLat', 'pathPointLng', 'pathPointAlt', 'pathResolution', 'pathColor', 'pathStroke', 'pathDashLength', 'pathDashGap', 'pathDashInitialGap', 'pathDashAnimateTime', 'pathTransitionDuration', 'hexBinPointsData', 'hexBinPointLat', 'hexBinPointLng', 'hexBinPointWeight', 'hexBinResolution', 'hexMargin', 'hexTopCurvatureResolution', 'hexTopColor', 'hexSideColor', 'hexAltitude', 'hexBinMerge', 'hexTransitionDuration', 'hexPolygonsData', 'hexPolygonGeoJsonGeometry', 'hexPolygonColor', 'hexPolygonAltitude', 'hexPolygonResolution', 'hexPolygonMargin', 'hexPolygonCurvatureResolution', 'hexPolygonsTransitionDuration', 'tilesData', 'tileLat', 'tileLng', 'tileAltitude', 'tileWidth', 'tileHeight', 'tileUseGlobeProjection', 'tileMaterial', 'tileCurvatureResolution', 'tilesTransitionDuration', 'ringsData', 'ringLat', 'ringLng', 'ringAltitude', 'ringColor', 'ringResolution', 'ringMaxRadius', 'ringPropagationSpeed', 'ringRepeatPeriod', 'labelsData', 'labelLat', 'labelLng', 'labelAltitude', 'labelRotation', 'labelText', 'labelSize', 'labelTypeFace', 'labelColor', 'labelResolution', 'labelIncludeDot', 'labelDotRadius', 'labelDotOrientation', 'labelsTransitionDuration', 'objectsData', 'objectLat', 'objectLng', 'objectAltitude', 'objectThreeObject', 'customLayerData', 'customThreeObject', 'customThreeObjectUpdate'].map(function (p) {
   return _defineProperty({}, p, bindGlobe.linkProp(p));
 })));
-var linkedGlobeMethods = Object.assign.apply(Object, _toConsumableArray(['getCoords', 'toGeoCoords'].map(function (p) {
+var linkedGlobeMethods = Object.assign.apply(Object, _toConsumableArray(['getGlobeRadius', 'getCoords', 'toGeoCoords'].map(function (p) {
   return _defineProperty({}, p, bindGlobe.linkMethod(p));
 }))); // Expose config from renderObjs
 
@@ -316,6 +316,19 @@ var globe = Kapsule({
     onLabelHover: {
       triggerUpdate: false
     },
+    objectLabel: {
+      "default": 'name',
+      triggerUpdate: false
+    },
+    onObjectClick: {
+      triggerUpdate: false
+    },
+    onObjectRightClick: {
+      triggerUpdate: false
+    },
+    onObjectHover: {
+      triggerUpdate: false
+    },
     customLayerLabel: {
       "default": 'name',
       triggerUpdate: false
@@ -466,6 +479,7 @@ var globe = Kapsule({
       this.hexPolygonsData([]);
       this.tilesData([]);
       this.labelsData([]);
+      this.objectsData([]);
       this.customLayerData([]);
     }
   }, linkedGlobeMethods), linkedRenderObjsMethods),
@@ -563,6 +577,9 @@ var globe = Kapsule({
       label: function label(d) {
         return d;
       },
+      object: function object(d) {
+        return d;
+      },
       custom: function custom(d) {
         return d;
       }
@@ -588,6 +605,7 @@ var globe = Kapsule({
         hexPolygon: state.hexPolygonLabel,
         tile: state.tileLabel,
         label: state.labelLabel,
+        object: state.objectLabel,
         custom: state.customLayerLabel
       };
       var globeObj = getGlobeObj(obj);
@@ -604,6 +622,7 @@ var globe = Kapsule({
         hexPolygon: state.onHexPolygonHover,
         tile: state.onTileHover,
         label: state.onLabelHover,
+        object: state.onObjectHover,
         custom: state.onCustomLayerHover
       };
       var clickObjFns = {
@@ -616,6 +635,7 @@ var globe = Kapsule({
         hexPolygon: state.onHexPolygonClick,
         tile: state.onTileClick,
         label: state.onLabelClick,
+        object: state.onObjectClick,
         custom: state.onCustomLayerClick
       };
       var hoverObj = getGlobeObj(obj); // ignore non-recognised obj types
@@ -656,6 +676,7 @@ var globe = Kapsule({
         hexPolygon: state.onHexPolygonClick,
         tile: state.onTileClick,
         label: state.onLabelClick,
+        object: state.onObjectClick,
         custom: state.onCustomLayerClick
       };
       var globeObj = getGlobeObj(obj);
@@ -694,6 +715,7 @@ var globe = Kapsule({
         hexPolygon: state.onHexPolygonRightClick,
         tile: state.onTileRightClick,
         label: state.onLabelRightClick,
+        object: state.onObjectRightClick,
         custom: state.onCustomLayerRightClick
       };
       var globeObj = getGlobeObj(obj);

package/example/clouds/index.html

@@ -21,14 +21,13 @@
     world.controls().autoRotateSpeed = 0.35;
 
     // Add clouds sphere
-    const GLOBE_RADIUS = 100;
     const CLOUDS_IMG_URL = './clouds.png'; // from https://github.com/turban/webgl-earth
     const CLOUDS_ALT = 0.004;
     const CLOUDS_ROTATION_SPEED = -0.006; // deg/frame
 
     new THREE.TextureLoader().load(CLOUDS_IMG_URL, cloudsTexture => {
       const clouds = new THREE.Mesh(
-        new THREE.SphereBufferGeometry(GLOBE_RADIUS * (1 + CLOUDS_ALT), 75, 75),
+        new THREE.SphereBufferGeometry(world.getGlobeRadius() * (1 + CLOUDS_ALT), 75, 75),
         new THREE.MeshPhongMaterial({ map: cloudsTexture, transparent: true })
       );
       world.scene().add(clouds);