mapshaper 0.6.87 → 0.6.89

package/mapshaper.js

@@ -5004,11 +5004,12 @@
   }
 
   function toLngLat(xy, P) {
-    var proj;
-    if (isLatLngCRS(P)) {
-      return xy.concat();
-    }
-    proj = getProjTransform2(P, parseCrsString('wgs84'));
+    return projectPoint(xy, P, parseCrsString('wgs84'));
+  }
+
+  function projectPoint(xy, crsFrom, crsTo) {
+    if (crsAreEqual(crsFrom, crsTo)) return xy.concat();
+    var proj = getProjTransform2(crsFrom, crsTo);
     return proj(xy[0], xy[1]);
   }
 
@@ -5242,6 +5243,7 @@
     getProjTransform: getProjTransform,
     getProjTransform2: getProjTransform2,
     toLngLat: toLngLat,
+    projectPoint: projectPoint,
     getProjInfo: getProjInfo,
     crsToProj4: crsToProj4,
     crsToPrj: crsToPrj,
@@ -5582,6 +5584,7 @@
       var arcOffs = _ii[i];
       var j = i * 4;
       var b = calcArcBounds(_xx, _yy, arcOffs, arcLen);
+      // NOTE: if arcLen is 0, bounds coords are undefined, coerced to NaN in _bb.
       _bb[j++] = b[0];
       _bb[j++] = b[1];
       _bb[j++] = b[2];
@@ -5994,12 +5997,14 @@
     this.arcIntersectsBBox = function(i, b1) {
       var b2 = _bb,
           j = i * 4;
+      // returns false if _bb bounds are NaN
       return b2[j] <= b1[2] && b2[j+2] >= b1[0] && b2[j+3] >= b1[1] && b2[j+1] <= b1[3];
     };
 
     this.arcIsContained = function(i, b1) {
       var b2 = _bb,
           j = i * 4;
+      // returns false if _bb bounds are NaN
       return b2[j] >= b1[0] && b2[j+2] <= b1[2] && b2[j+1] >= b1[1] && b2[j+3] <= b1[3];
     };
 
@@ -6036,22 +6041,21 @@
       return bounds;
     };
 
-    this.getSimpleShapeBounds2 = function(arcIds, arr) {
+    this.getSimpleShapeBbox = function(arcIds, arr) {
       var bbox = arr || [],
           bb = _bb,
-          id = absArcId(arcIds[0]) * 4;
-      bbox[0] = bb[id];
-      bbox[1] = bb[++id];
-      bbox[2] = bb[++id];
-      bbox[3] = bb[++id];
-      for (var i=1, n=arcIds.length; i<n; i++) {
-        id = absArcId(arcIds[i]) * 4;
-        if (bb[id] < bbox[0]) bbox[0] = bb[id];
-        if (bb[++id] < bbox[1]) bbox[1] = bb[id];
-        if (bb[++id] > bbox[2]) bbox[2] = bb[id];
-        if (bb[++id] > bbox[3]) bbox[3] = bb[id];
+          arcId, offs;
+      bbox[0] = bbox[1] = Infinity;
+      bbox[2] = bbox[3] = -Infinity;
+      for (var i=0, n=arcIds.length; i<n; i++) {
+        arcId = absArcId(arcIds[i]);
+        offs = arcId * 4;
+        if (bb[offs] < bbox[0]) bbox[0] = bb[offs];
+        if (bb[++offs] < bbox[1]) bbox[1] = bb[offs];
+        if (bb[++offs] > bbox[2]) bbox[2] = bb[offs];
+        if (bb[++offs] > bbox[3]) bbox[3] = bb[offs];
       }
-      return bbox;
+      return bbox[0] == Infinity ? [] : bbox;
     };
 
     // TODO: move this and similar methods out of ArcCollection
@@ -6068,7 +6072,9 @@
     this.mergeArcBounds = function(arcId, bounds) {
       if (arcId < 0) arcId = ~arcId;
       var offs = arcId * 4;
-      bounds.mergeBounds(_bb[offs], _bb[offs+1], _bb[offs+2], _bb[offs+3]);
+      if (_nn[arcId] > 0) {
+        bounds.mergeBounds(_bb[offs], _bb[offs+1], _bb[offs+2], _bb[offs+3]);
+      }
     };
   }
 
@@ -17254,7 +17260,7 @@
     }
 
     function procShapeRing(path) {
-      currRingBbox = arcs.getSimpleShapeBounds2(path);
+      currRingBbox = arcs.getSimpleShapeBbox(path);
       ringIndex.setIds(path);
       procArcIds(path);
       ringIndex.clear();
@@ -38149,7 +38155,7 @@ ${svg}
 
   // Assumes that ring boundaries to not cross
   function ringHasHoles(ring, rings, arcs) {
-    var bbox = arcs.getSimpleShapeBounds2(ring);
+    var bbox = arcs.getSimpleShapeBbox(ring);
     var sibling, p;
     for (var i=0, n=rings.length; i<n; i++) {
       sibling = rings[i];
@@ -45578,7 +45584,7 @@ ${svg}
     });
   }
 
-  var version = "0.6.87";
+  var version = "0.6.89";
 
   // Parse command line args into commands and run them
   // Function takes an optional Node-style callback. A Promise is returned if no callback is given.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mapshaper",
-  "version": "0.6.87",
+  "version": "0.6.89",
   "description": "A tool for editing vector datasets for mapping and GIS.",
   "keywords": [
     "shapefile",
@@ -56,7 +56,7 @@
     "iconv-lite": "^0.6.3",
     "idb-keyval": "^6.2.0",
     "kdbush": "^3.0.0",
-    "mproj": "0.0.38",
+    "mproj": "0.0.39",
     "msgpackr": "^1.10.1",
     "opn": "^5.3.0",
     "rw": "~1.3.3",

package/www/index.html

@@ -123,7 +123,7 @@
 		<div class="erase-btn btn sidebar-btn">Erase</div>
 		<div class="rect-btn btn sidebar-btn">Rectangle</div>
 		<div class="frame-btn btn sidebar-btn">Frame</div>
-		<div class="info-btn btn sidebar-btn">Coords</div>
+		<div class="info-btn btn sidebar-btn">Bounds</div>
 		<div class="box-coords selectable"></div>
 		<div class="cancel-btn btn sidebar-btn">Cancel</div>
 	</div>
@@ -135,7 +135,7 @@
 		<div class="filter-btn btn sidebar-btn">Keep</div>
 		<div class="duplicate-btn btn sidebar-btn">Duplicate</div>
 		<div class="split-btn btn sidebar-btn">Split</div>
-		<div class="coords-btn btn sidebar-btn toggle-btn">Coords</div>
+		<div class="coords-btn btn sidebar-btn toggle-btn">Bounds</div>
 		<div class="box-coords selectable"></div>
 		<div class="data-btn btn sidebar-btn toggle-btn">Edit data</div>
 		<div class="cancel-btn btn sidebar-btn">Clear</div>

package/www/mapshaper-gui.js

@@ -3500,15 +3500,6 @@
     }
   }
 
-  function deleteFeature(lyr, fid) {
-    var records = lyr.data?.getRecords();
-    if (records) records.splice(fid, 1);
-    lyr.shapes.splice(fid, 1);
-    if (isProjectedLayer(lyr) && lyr.shapes != lyr.gui.displayLayer.shapes) {
-      lyr.gui.displayLayer.shapes.splice(fid, 1);
-    }
-  }
-
   // p: one point in source data coords
   function appendNewPoint(lyr, p) {
     lyr.shapes.push([p]);
@@ -3521,15 +3512,20 @@
     }
   }
 
-  function deletePoint(lyr, fid) {
-    deleteFeature(lyr, fid);
+  function deleteFeature(lyr, fid) {
+    var records = lyr.data?.getRecords();
+    if (records) records.splice(fid, 1);
+    lyr.shapes.splice(fid, 1);
+    if (isProjectedLayer(lyr) && lyr.geometry_type == 'point') {
+      lyr.gui.displayLayer.shapes.splice(fid, 1); // point layer
+    }
   }
 
-  function insertPoint(lyr, fid, shp, d) {
+  function insertFeature(lyr, fid, shp, d) {
     var records = lyr.data?.getRecords();
     if (records) records.splice(fid, 0, d);
     lyr.shapes.splice(fid, 0, shp);
-    if (isProjectedLayer(lyr)) {
+    if (isProjectedLayer(lyr) && lyr.geometry_type == 'point') {
       var shp2 = projectPointCoords(shp, lyr.gui.projectPoint);
       lyr.gui.displayLayer.shapes.splice(fid, 0, shp2);
     }
@@ -4255,6 +4251,10 @@
           setDisplayProjection(gui, cmd);
         } else {
           line.hide(); // hide cursor while command is being run
+          // quit certain edit modes
+          if (!gui.interaction.modeWorksWithConsole(gui.interaction.getMode())) {
+            gui.interaction.turnOff();
+          }
           runMapshaperCommands(cmd, function(err, flags) {
             if (flags) {
               gui.clearMode();
@@ -5606,12 +5606,12 @@
       addHistoryState(undo, redo);
     });
 
-    gui.on('point_delete', function(e) {
+    gui.on('feature_delete', function(e) {
       var redo = function() {
-        deletePoint(e.data.target, e.fid);
+        deleteFeature(e.data.target, e.fid);
       };
       var undo = function() {
-        insertPoint(e.data.target, e.fid, e.coords, e.d);
+        insertFeature(e.data.target, e.fid, e.coords, e.d);
       };
       addHistoryState(undo, redo);
     });
@@ -5833,7 +5833,7 @@
 
     document.addEventListener('keydown', function(e) {
       if (!GUI.isActiveInstance(gui) || e.repeat && e.keyCode == 32) return;
-      updateControlKeys(e, 'keyup');
+      updateControlKeys(e, 'keydown');
       self.dispatchEvent('keydown', getEventData(e));
     });
 
@@ -5966,6 +5966,10 @@
       setMode('off');
     };
 
+    this.modeWorksWithConsole = function(mode) {
+      return ['off', 'info'];
+    };
+
     this.modeUsesHitDetection = function(mode) {
       return ['info', 'selection', 'data', 'labels', 'edit_points', 'vertices', 'rectangles', 'edit_lines', 'edit_polygons'].includes(mode);
     };
@@ -7904,7 +7908,7 @@
           return;
         }
         for (var i = 0, n = shp && shp.length; i < n; i++) {
-          arcs.getSimpleShapeBounds2(shp[i], bbox);
+          arcs.getSimpleShapeBbox(shp[i], bbox);
           if (x + dist < bbox[0] || x - dist > bbox[2] ||
             y + dist < bbox[1] || y - dist > bbox[3]) {
             continue; // bbox non-intersection
@@ -8497,8 +8501,8 @@
       };
       if (evt) {
         // data coordinates
-        eventData.coordinates = translateDisplayPoint(targetLayer, ext.translatePixelCoords(evt.x, evt.y));
-        eventData.display_coordinates = gui.map.pixelCoordsToDisplayCoords(evt.x, evt.y);
+        eventData.projected_coordinates = gui.map.pixelCoordsToProjectedCoords(evt.x, evt.y);
+        eventData.lonlat_coordinates = gui.map.pixelCoordsToLngLatCoords(evt.x, evt.y);
         eventData.originalEvent = evt;
         eventData.overMap = isOverMap(evt);
       }
@@ -10243,8 +10247,8 @@
     function removePoint(target, id) {
       var d = target.data ? target.data.getRecords()[id] : null;
       var coords = target.shapes[id];
-      deletePoint(target, id);
-      gui.dispatchEvent('point_delete', {coords, d, target, fid: id});
+      deleteFeature(target, id);
+      gui.dispatchEvent('feature_delete', {coords, d, target, fid: id});
       gui.dispatchEvent('map-needs-refresh');
       hit.setHitId(-1);
     }
@@ -10316,7 +10320,7 @@
 
   function initLineEditing(gui, ext, hit) {
     var hoverVertexInfo;
-    var prevClickEvent;
+    var prevVertexAddedEvent;
     var prevHoverEvent;
     var initialArcCount = -1;
     var initialShapeCount = -1;
@@ -10487,12 +10491,12 @@
       hit.clearDrawingId();
       drawingId = -1;
       hoverVertexInfo = null;
-      prevClickEvent = prevHoverEvent = null;
+      prevVertexAddedEvent = prevHoverEvent = null;
       updateCursor();
     }
 
     gui.keyboard.on('keydown', function(e) {
-      if (active() && e.keyName == 'space') {
+      if (pathDrawing() && e.keyName == 'space') {
         e.stopPropagation(); // prevent console from opening if shift-panning
       }
     }, null, 1);
@@ -10506,6 +10510,7 @@
           deleteActiveVertex(e, vInfo);
         };
       }
+
       // don't allow copying of open paths as geojson in polygon mode
       gui.contextMenu.open(e, target);
     });
@@ -10544,6 +10549,7 @@
       hoverVertexInfo = findPathStartInfo(e);
       var xy = [e.x, e.y], xy2;
       var p = pixToDataCoords(e.x, e.y);
+      var addedToPath = true;
       if (!pathDrawing()) {
         pencilPoints = [xy];
         startNewPath(p);
@@ -10557,7 +10563,7 @@
         appendVertex$1(hit.getHitTarget(), p);
         extendCurrentPath(p);
         pencilPoints = null; // stop drawing
-      } else if (pencilPoints.length >= 2 && pointExceedsTolerance(xy, pencilPoints, 1.4)) {
+      } else if (pencilPoints.length >= 2 && pointExceedsTolerance(xy, pencilPoints, 1.2)) {
         xy2 = pencilPoints.pop();
         p = pixToDataCoords(xy2[0], xy2[1]);
         extendCurrentPath(p);
@@ -10569,6 +10575,11 @@
         // skip this point, update the hover line
         pencilPoints.push(xy);
         updatePathEndpoint(p);
+        addedToPath = false;
+      }
+      if (addedToPath) {
+        //
+        prevVertexAddedEvent = e;
       }
     }, null, 3); // higher priority than hit control
 
@@ -10625,7 +10636,7 @@
           return;
         }
         if (gui.keyboard.shiftIsPressed()) {
-          alignPointerPosition(e, prevClickEvent);
+          alignPointerPosition(e, prevVertexAddedEvent);
         }
         updatePathEndpoint(pixToDataCoords(e.x, e.y));
       }
@@ -10658,12 +10669,12 @@
       } else {
         startNewPath(p);
       }
-      prevClickEvent = e;
+      prevVertexAddedEvent = e;
     });
 
     // esc or enter key finishes a path
     gui.keyboard.on('keydown', function(e) {
-      if (active() && (e.keyName == 'esc' || e.keyName == 'enter')) {
+      if (pathDrawing() && (e.keyName == 'esc' || e.keyName == 'enter')) {
         e.stopPropagation();
         finishCurrentPath();
         e.originalEvent.preventDefault(); // block console "enter"
@@ -10672,10 +10683,10 @@
 
     // detect second 'click' event of a double-click action
     function detectDoubleClick(evt) {
-      if (!prevClickEvent) return false;
-      var elapsed = evt.time - prevClickEvent.time;
-      var dx = Math.abs(evt.x - prevClickEvent.x);
-      var dy = Math.abs(evt.y - prevClickEvent.y);
+      if (!prevVertexAddedEvent) return false;
+      var elapsed = evt.time - prevVertexAddedEvent.time;
+      var dx = Math.abs(evt.x - prevVertexAddedEvent.x);
+      var dy = Math.abs(evt.y - prevVertexAddedEvent.y);
       var dbl = elapsed < 500 && dx <= 2 && dy <= 2;
       return dbl;
     }
@@ -12394,21 +12405,24 @@ GUI and setting the size and crop of SVG output.</p><div><input type="text" clas
       target.layer.pinned = !!pinned;
     };
 
-    this.translatePixelCoords = function(x, y) {
-      var p = _ext.translatePixelCoords(x, y);
-      if (!_dynamicCRS) return p;
-      return internal.toLngLat(p, _dynamicCRS);
+    this.pixelCoordsToLngLatCoords = function(x, y) {
+      var crsFrom = this.getDisplayCRS();
+      if (!crsFrom) return null; // e.g. table view
+      var p1 = internal.toLngLat(_ext.translatePixelCoords(x, y), crsFrom);
+      var p2 = internal.toLngLat(_ext.translatePixelCoords(x+1, y+1), crsFrom);
+      return p1 && p2 && p1[1] <= 90 && p1[1] >= -90 ?
+        formatCoordsForDisplay(p1, p2) : null;
     };
 
-    this.pixelCoordsToDisplayCoords = function(x, y) {
-      var p1 = _ext.translatePixelCoords(x, y);
-      var p2 = _ext.translatePixelCoords(x+1, y+1);
-      var crs = this.getDisplayCRS();
-      if (crs) {
-        p1 = internal.toLngLat(p1, crs) || p1;
-        p2 = internal.toLngLat(p2, crs) || p2;
+    this.pixelCoordsToProjectedCoords = function(x, y) {
+      if (!_activeLyr) return null;
+      var info = getDatasetCrsInfo(_activeLyr.gui.source.dataset);
+      if (info && internal.isLatLngCRS(info.crs)) {
+        return null; // latlon dataset
       }
-      return formatCoordsForDisplay(p1, p2);
+      var p1 = translateDisplayPoint(_activeLyr, _ext.translatePixelCoords(x, y));
+      var p2 = translateDisplayPoint(_activeLyr, _ext.translatePixelCoords(x+1, y+1));
+      return p1 && p2 ? formatCoordsForDisplay(p1, p2) : null;
     };
 
     // this.getCenterLngLat = function() {
@@ -12885,21 +12899,64 @@ GUI and setting the size and crop of SVG output.</p><div><input type="text" clas
     }
 
     function addMenuItem(label, func) {
+      var prefix = '• &nbsp;';
+
       El('div')
         .appendTo(menu)
         .addClass('contextmenu-item')
-        .html(label)
+        .html(prefix + label)
         .on('click', func)
         .show();
     }
 
+    function addMenuLabel(label) {
+      El('div')
+        .appendTo(menu)
+        .addClass('contextmenu-label')
+        .html(label);
+    }
+
     this.open = function(e, lyr) {
+      var copyable = e.ids?.length;
       if (lyr && !lyr.gui.geographic) return; // no popup for tabular data
+      menu.empty();
+
+      // menu contents
+      //
+      if (e.deleteVertex || e.deletePoint || copyable || e.deleteFeature) {
+
+        addMenuLabel('selection');
+        if (e.deleteVertex) {
+          addMenuItem('delete vertex', e.deleteVertex);
+        }
+        if (e.deletePoint) {
+          addMenuItem('delete point', e.deletePoint);
+        }
+        if (e.ids?.length) {
+          addMenuItem('copy as GeoJSON', copyGeoJSON);
+        }
+        if (e.deleteFeature) {
+          addMenuItem(getDeleteLabel(), e.deleteFeature);
+        }
+      }
+
+      if (e.lonlat_coordinates) {
+        addMenuLabel('longitude, latitude');
+        addCoords(e.lonlat_coordinates);
+      }
+      if (e.projected_coordinates) {
+        addMenuLabel('easting, northing');
+        addCoords(e.projected_coordinates);
+      }
+
+      if (menu.node().childNodes.length === 0) {
+        return;
+      }
+
       _open = true;
       _openCount++;
       var rspace = body.clientWidth - e.pageX;
       var xoffs = 10;
-      menu.empty().show();
       if (rspace > 150) {
         menu.css('left', e.pageX + xoffs + 'px');
         menu.css('right', null);
@@ -12908,32 +12965,16 @@ GUI and setting the size and crop of SVG output.</p><div><input type="text" clas
         menu.css('left', null);
       }
       menu.css('top', (e.pageY - 15) + 'px');
-
-      // menu contents
-      //
-      if (e.display_coordinates) {
-        addCoords(e.display_coordinates);
-      }
-      if (e.deleteVertex) {
-        addMenuItem('Delete vertex', e.deleteVertex);
-      }
-      if (e.deletePoint) {
-        addMenuItem('Delete point', e.deletePoint);
-      }
-      if (e.ids?.length) {
-        addMenuItem('Copy as GeoJSON', copyGeoJSON);
-      }
-      if (e.deleteFeature) {
-        addMenuItem(getDeleteLabel(), e.deleteFeature);
-      }
+      menu.show();
 
       function getDeleteLabel() {
-        return 'Delete ' + (lyr.geometry_type == 'point' ? 'point' : 'shape');
+        return 'delete ' + (lyr.geometry_type == 'point' ? 'point' : 'shape');
       }
 
       function addCoords(p) {
         var coordStr = p[0] + ',' + p[1];
-        var displayStr = '• &nbsp;' + coordStr.replace(/-/g, '–').replace(',', ', ');
+        // var displayStr = '• &nbsp;' + coordStr.replace(/-/g, '–').replace(',', ', ');
+        var displayStr = coordStr.replace(/-/g, '–').replace(',', ', ');
         addMenuItem(displayStr, function() {
           saveFileContentToClipboard(coordStr);
         });

package/www/mapshaper.js

@@ -5004,11 +5004,12 @@
   }
 
   function toLngLat(xy, P) {
-    var proj;
-    if (isLatLngCRS(P)) {
-      return xy.concat();
-    }
-    proj = getProjTransform2(P, parseCrsString('wgs84'));
+    return projectPoint(xy, P, parseCrsString('wgs84'));
+  }
+
+  function projectPoint(xy, crsFrom, crsTo) {
+    if (crsAreEqual(crsFrom, crsTo)) return xy.concat();
+    var proj = getProjTransform2(crsFrom, crsTo);
     return proj(xy[0], xy[1]);
   }
 
@@ -5242,6 +5243,7 @@
     getProjTransform: getProjTransform,
     getProjTransform2: getProjTransform2,
     toLngLat: toLngLat,
+    projectPoint: projectPoint,
     getProjInfo: getProjInfo,
     crsToProj4: crsToProj4,
     crsToPrj: crsToPrj,
@@ -5582,6 +5584,7 @@
       var arcOffs = _ii[i];
       var j = i * 4;
       var b = calcArcBounds(_xx, _yy, arcOffs, arcLen);
+      // NOTE: if arcLen is 0, bounds coords are undefined, coerced to NaN in _bb.
       _bb[j++] = b[0];
       _bb[j++] = b[1];
       _bb[j++] = b[2];
@@ -5994,12 +5997,14 @@
     this.arcIntersectsBBox = function(i, b1) {
       var b2 = _bb,
           j = i * 4;
+      // returns false if _bb bounds are NaN
       return b2[j] <= b1[2] && b2[j+2] >= b1[0] && b2[j+3] >= b1[1] && b2[j+1] <= b1[3];
     };
 
     this.arcIsContained = function(i, b1) {
       var b2 = _bb,
           j = i * 4;
+      // returns false if _bb bounds are NaN
       return b2[j] >= b1[0] && b2[j+2] <= b1[2] && b2[j+1] >= b1[1] && b2[j+3] <= b1[3];
     };
 
@@ -6036,22 +6041,21 @@
       return bounds;
     };
 
-    this.getSimpleShapeBounds2 = function(arcIds, arr) {
+    this.getSimpleShapeBbox = function(arcIds, arr) {
       var bbox = arr || [],
           bb = _bb,
-          id = absArcId(arcIds[0]) * 4;
-      bbox[0] = bb[id];
-      bbox[1] = bb[++id];
-      bbox[2] = bb[++id];
-      bbox[3] = bb[++id];
-      for (var i=1, n=arcIds.length; i<n; i++) {
-        id = absArcId(arcIds[i]) * 4;
-        if (bb[id] < bbox[0]) bbox[0] = bb[id];
-        if (bb[++id] < bbox[1]) bbox[1] = bb[id];
-        if (bb[++id] > bbox[2]) bbox[2] = bb[id];
-        if (bb[++id] > bbox[3]) bbox[3] = bb[id];
+          arcId, offs;
+      bbox[0] = bbox[1] = Infinity;
+      bbox[2] = bbox[3] = -Infinity;
+      for (var i=0, n=arcIds.length; i<n; i++) {
+        arcId = absArcId(arcIds[i]);
+        offs = arcId * 4;
+        if (bb[offs] < bbox[0]) bbox[0] = bb[offs];
+        if (bb[++offs] < bbox[1]) bbox[1] = bb[offs];
+        if (bb[++offs] > bbox[2]) bbox[2] = bb[offs];
+        if (bb[++offs] > bbox[3]) bbox[3] = bb[offs];
       }
-      return bbox;
+      return bbox[0] == Infinity ? [] : bbox;
     };
 
     // TODO: move this and similar methods out of ArcCollection
@@ -6068,7 +6072,9 @@
     this.mergeArcBounds = function(arcId, bounds) {
       if (arcId < 0) arcId = ~arcId;
       var offs = arcId * 4;
-      bounds.mergeBounds(_bb[offs], _bb[offs+1], _bb[offs+2], _bb[offs+3]);
+      if (_nn[arcId] > 0) {
+        bounds.mergeBounds(_bb[offs], _bb[offs+1], _bb[offs+2], _bb[offs+3]);
+      }
     };
   }
 
@@ -17254,7 +17260,7 @@
     }
 
     function procShapeRing(path) {
-      currRingBbox = arcs.getSimpleShapeBounds2(path);
+      currRingBbox = arcs.getSimpleShapeBbox(path);
       ringIndex.setIds(path);
       procArcIds(path);
       ringIndex.clear();
@@ -38149,7 +38155,7 @@ ${svg}
 
   // Assumes that ring boundaries to not cross
   function ringHasHoles(ring, rings, arcs) {
-    var bbox = arcs.getSimpleShapeBounds2(ring);
+    var bbox = arcs.getSimpleShapeBbox(ring);
     var sibling, p;
     for (var i=0, n=rings.length; i<n; i++) {
       sibling = rings[i];
@@ -45578,7 +45584,7 @@ ${svg}
     });
   }
 
-  var version = "0.6.87";
+  var version = "0.6.89";
 
   // Parse command line args into commands and run them
   // Function takes an optional Node-style callback. A Promise is returned if no callback is given.

package/www/page.css

@@ -1206,8 +1206,9 @@ div.basemap-style-btn.active {
 }
 
 .basemap-overlay-btn img {
-	margin-left: -21px;
-	width: 70px;
+	margin-left: -31px;
+	margin-top: -5px;
+	width: 90px;
 }
 
 .mapbox-improve-map {
@@ -1379,9 +1380,19 @@ body.pan.panning .map-layers:not(.drawing) {
 .contextmenu-item {
 	background-color: #fff;
 	white-space: nowrap;
-	padding: 6px 10px 7px 10px;
-	line-height: 11px;
+	padding: 3px 10px 4px 10px;
 	cursor: pointer;
+	font-size: 13px;
+	line-height: 13px;
+}
+
+.contextmenu-label {
+	color: #999;
+	white-space: nowrap;
+	padding: 4px 10px 1px 10px;
+	font-size: 12px;
+	line-height: 12px;
+	margin-top: -2px;
 }
 
 .nav-menu-item:hover,