globe.gl 2.35.1 → 2.36.1

package/dist/globe.gl.js

@@ -1,4 +1,4 @@
-// Version 2.35.1 globe.gl - https://github.com/vasturiano/globe.gl
+// Version 2.36.1 globe.gl - https://github.com/vasturiano/globe.gl
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
   typeof define === 'function' && define.amd ? define(factory) :
@@ -53335,15 +53335,15 @@ void main() {
   // support both modes for backwards threejs compatibility
   var setAttributeFn = new THREE$j.BufferGeometry().setAttribute ? 'setAttribute' : 'addAttribute';
   var ConicPolygonGeometry = /*#__PURE__*/function (_THREE$BufferGeometry) {
-    function ConicPolygonGeometry(polygonGeoJson, startHeight, endHeight, closedBottom, closedTop, includeSides, curvatureResolution) {
+    function ConicPolygonGeometry(polygonGeoJson, bottomHeight, topHeight, closedBottom, closedTop, includeSides, curvatureResolution) {
       var _this;
       _classCallCheck$1(this, ConicPolygonGeometry);
       _this = _callSuper$1(this, ConicPolygonGeometry);
       _this.type = 'ConicPolygonGeometry';
       _this.parameters = {
         polygonGeoJson: polygonGeoJson,
-        startHeight: startHeight,
-        endHeight: endHeight,
+        bottomHeight: bottomHeight,
+        topHeight: topHeight,
         closedBottom: closedBottom,
         closedTop: closedTop,
         includeSides: includeSides,
@@ -53351,8 +53351,8 @@ void main() {
       };
 
       // defaults
-      startHeight = startHeight || 0;
-      endHeight = endHeight || 1;
+      bottomHeight = bottomHeight || 0;
+      topHeight = topHeight || 1;
       closedBottom = closedBottom !== undefined ? closedBottom : true;
       closedTop = closedTop !== undefined ? closedTop : true;
       includeSides = includeSides !== undefined ? includeSides : true;
@@ -53381,8 +53381,8 @@ void main() {
         _this.addGroup(prevIndCnt, indices.length - prevIndCnt, groupCnt++);
       };
       includeSides && addGroup(generateTorso());
-      closedBottom && addGroup(generateCap(startHeight, false));
-      closedTop && addGroup(generateCap(endHeight, true));
+      closedBottom && addGroup(generateCap(bottomHeight, false));
+      closedTop && addGroup(generateCap(topHeight, true));
 
       // build geometry
       _this.setIndex(indices);
@@ -53395,22 +53395,25 @@ void main() {
       //
 
       function generateVertices(polygon, altitude) {
+        var altFn = typeof altitude === 'function' ? altitude : function () {
+          return altitude;
+        };
         var coords3d = polygon.map(function (coords) {
           return coords.map(function (_ref) {
             var _ref2 = _slicedToArray$3(_ref, 2),
               lng = _ref2[0],
               lat = _ref2[1];
-            return polar2Cartesian$1(lat, lng, altitude);
+            return polar2Cartesian$1(lat, lng, altFn(lng, lat));
           });
         });
         // returns { vertices, holes, coordinates }. Each point generates 3 vertice items (x,y,z).
         return flatten(coords3d);
       }
       function generateTorso() {
-        var _generateVertices = generateVertices(contour, startHeight),
+        var _generateVertices = generateVertices(contour, bottomHeight),
           bottomVerts = _generateVertices.vertices,
           holes = _generateVertices.holes;
-        var _generateVertices2 = generateVertices(contour, endHeight),
+        var _generateVertices2 = generateVertices(contour, topHeight),
           topVerts = _generateVertices2.vertices;
         var vertices = merge([topVerts, bottomVerts]);
         var numPoints = Math.round(topVerts.length / 3);
@@ -132676,7 +132679,7 @@ var<${access}> ${name} : ${structName};`;
     }
   }
 
-  var css_248z = ".scene-nav-info {\n  bottom: 5px;\n  width: 100%;\n  text-align: center;\n  color: slategrey;\n  opacity: 0.7;\n  font-size: 10px;\n}\n\n.scene-tooltip {\n  top: 0;\n  color: lavender;\n  font-size: 15px;\n}\n\n.scene-nav-info, .scene-tooltip {\n  position: absolute;\n  font-family: sans-serif;\n  pointer-events: none;\n  user-select: none;\n}\n\n.scene-container canvas:focus {\n  outline: none;\n}";
+  var css_248z = ".scene-nav-info {\n  bottom: 5px;\n  width: 100%;\n  text-align: center;\n  color: slategrey;\n  opacity: 0.7;\n  font-size: 10px;\n}\n\n.scene-tooltip {\n  top: 0;\n  color: lavender;\n  font-size: 15px;\n  background: rgba(0,0,0,0.5);\n  padding: 2px 5px;\n  border-radius: 3px;\n}\n\n.scene-nav-info, .scene-tooltip {\n  position: absolute;\n  font-family: sans-serif;\n  pointer-events: none;\n  user-select: none;\n}\n\n.scene-container canvas:focus {\n  outline: none;\n}";
   styleInject(css_248z);
 
   function _arrayLikeToArray(r, a) {
@@ -132817,7 +132820,10 @@ var<${access}> ${name} : ${structName};`;
         onChange: function onChange(_, state) {
           // Reset hover state
           state.hoverObj = null;
-          if (state.toolTipElem) state.toolTipElem.innerHTML = '';
+          if (state.toolTipElem) {
+            state.toolTipElem.style.display = 'none';
+            state.toolTipElem.innerHTML = '';
+          }
         },
         triggerUpdate: false
       },
@@ -132887,7 +132893,7 @@ var<${access}> ${name} : ${structName};`;
             }
             if (topObject !== state.hoverObj) {
               state.onHover(topObject, state.hoverObj);
-              state.toolTipElem.innerHTML = topObject ? index$1(state.tooltipContent)(topObject) || '' : '';
+              state.toolTipElem.style.display = (state.toolTipElem.innerHTML = topObject ? index$1(state.tooltipContent)(topObject) || '' : '') ? 'initial' : 'none';
               state.hoverObj = topObject;
             }
           }
@@ -133695,11 +133701,14 @@ var<${access}> ${name} : ${structName};`;
       controls.dampingFactor = 0.1;
       controls.rotateSpeed = 0.3;
       controls.zoomSpeed = 0.3;
+      controls.zoomToCursor = true;
       controls.addEventListener('change', function () {
+        controls.target.setScalar(0); // Keep orbit target on center
+
         // adjust controls speed based on altitude
         var pov = _this.pointOfView();
         controls.rotateSpeed = pov.altitude * 0.3;
-        controls.zoomSpeed = Math.sqrt(pov.altitude) * 0.4;
+        controls.zoomSpeed = Math.sqrt(pov.altitude) * 0.5;
 
         // Update three-globe pov when camera moves, for proper hiding of elements
         state.globe.setPointOfView(state.renderObjs.camera());