mapshaper 0.6.78 → 0.6.80

package/mapshaper.js

@@ -1612,6 +1612,7 @@
     this.ymin -= halfHeight * ky;
     this.xmax += halfWidth * kx;
     this.ymax += halfHeight * ky;
+    return this;
   };
 
   // Return a bounding box with the same extent as this one.
@@ -5003,7 +5004,7 @@
     if (isLatLngCRS(P)) {
       return xy.concat();
     }
-    proj = getProjTransform(P, parseCrsString('wgs84'));
+    proj = getProjTransform2(P, parseCrsString('wgs84'));
     return proj(xy[0], xy[1]);
   }
 
@@ -26664,7 +26665,7 @@ ${svg}
           codepage = lookupCodePage(ldid),
           samples = getNonAsciiSamples(),
           only7bit = samples.length === 0,
-          encoding, msg;
+          encoding;
 
       // First, check the ldid (language driver id) (an obsolete way to specify which
       // codepage to use for text encoding.)
@@ -26684,10 +26685,12 @@ ${svg}
       // As a last resort, try to guess the encoding:
       if (!encoding) {
         var info = detectEncoding(samples);
+        var msg;
         encoding = info.encoding;
         if (info.confidence < 2) {
-          msg = 'Warning: Unable to auto-detect the DBF file text encoding with high confidence.';
-          msg += '\n\nDefaulting to: ' + encoding + (encoding in encodingNames ? ' (' + encodingNames[encoding] + ')' : '');
+          msg = 'Warning: Unable to auto-detect the DBF file text encoding' +
+            (info.confidence == 1 ? ' with high confidence' : '') + '.';
+          msg += ' Defaulting to ' + encoding + (encoding in encodingNames ? ' (' + encodingNames[encoding] + ').' : '.');
           msg += '\n\nSample of how non-ascii text was imported:\n';
           if (runningInBrowser()) {
             msg += '<pre>' + formatStringsAsGrid(decodeSamples(encoding, samples), 50) + '</pre>';
@@ -45532,7 +45535,7 @@ ${svg}
     });
   }
 
-  var version = "0.6.78";
+  var version = "0.6.80";
 
   // 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.78",
+  "version": "0.6.80",
   "description": "A tool for editing vector datasets for mapping and GIS.",
   "keywords": [
     "shapefile",

package/www/mapshaper-gui.js

@@ -2544,6 +2544,20 @@
     };
   }
 
+  // p1: [x, y] coords
+  // p2: [x, y] coords offset by 1x1 pixel
+  function formatCoordsForDisplay(p1, p2) {
+    var dx = Math.abs(p1[0] - p2[0]);
+    var dy = Math.abs(p1[1] - p2[1]);
+    var offs = (dx + dy) / 2;
+    var decimals = 0;
+    while (offs < 1 && decimals < 6) {
+      offs *= 10;
+      decimals++;
+    }
+    return [p1[0].toFixed(decimals), p1[1].toFixed(decimals)];
+  }
+
   // Convert a point from display CRS coordinates to data coordinates.
   // These are only different when using dynamic reprojection (basemap view).
   function translateDisplayPoint(lyr, p) {
@@ -2563,8 +2577,7 @@
   }
 
   function isProjectedLayer(lyr) {
-    // TODO: could do some validation on the layer's contents
-    return !!lyr.gui.invertPoint;
+    return !!lyr?.gui.invertPoint;
   }
 
   var darkStroke = "#334",
@@ -2765,30 +2778,7 @@
 
 
   function getDefaultStyle(lyr, baseStyle) {
-    var style = Object.assign({}, baseStyle);
-    // reduce the dot size of large point layers
-    if (lyr.geometry_type == 'point' && style.dotSize > 0) {
-      style.dotSize *= getDotScale$1(lyr);
-    }
-    return style;
-  }
-
-  function getDotScale$1(lyr) {
-    var topTier = 10000;
-    var n = countPoints(lyr.shapes, topTier); // short-circuit point counting above top threshold
-    var k = n < 200 && 4 || n < 2500 && 3 || n < topTier && 2 || 1;
-    return k;
-  }
-
-  function countPoints(shapes, max) {
-    var count = 0;
-    var i, n, shp;
-    max = max || Infinity;
-    for (i=0, n=shapes.length; i<n && count<max; i++) {
-      shp = shapes[i];
-      count += shp ? shp.length : 0;
-    }
-    return count;
+    return Object.assign({}, baseStyle);
   }
 
 
@@ -3232,6 +3222,58 @@
     return layers.reverse();
   }
 
+
+  function adjustPointSymbolSizes(layers, overlayLyr, ext) {
+    var bbox = ext.getBounds().scale(1.5).toArray();
+    var testInBounds = function(p) {
+      return p[0] > bbox[0] && p[0] < bbox[2] && p[1] > bbox[1] && p[1] < bbox[3];
+    };
+    var topTier = 50000;
+    var count = 0;
+    layers = layers.filter(function(lyr) {
+      return lyr.geometry_type == 'point' && lyr.gui.style.dotSize > 0;
+    });
+    layers.forEach(function(lyr) {
+      // short-circuit point counting above top threshold
+      count += countPoints(lyr.gui.displayLayer.shapes, topTier, testInBounds);
+    });
+    count = Math.min(topTier, count) || 1;
+    var k = Math.pow(6 - utils$1.clamp(Math.log10(count), 1, 5), 1.3);
+
+    // zoom adjustments
+    var mapScale = ext.scale();
+    if (mapScale < 0.5) {
+      k *= Math.pow(mapScale + 0.5, 0.35);
+    } else if (mapScale > 1) {
+      // scale faster at first
+      k *= Math.pow(Math.min(mapScale, 4), 0.15);
+      k *= Math.pow(mapScale, 0.05);
+    }
+
+    // scale down when map is small
+    var smallSide = Math.min(ext.width(), ext.height());
+    k *= utils$1.clamp(smallSide / 500, 0.5, 1);
+
+    layers.forEach(function(lyr) {
+      lyr.gui.style.dotScale = k;
+    });
+    if (overlayLyr && overlayLyr.geometry_type == 'point' && overlayLyr.gui.style.dotSize > 0) {
+      overlayLyr.gui.style.dotScale = k;
+    }
+  }
+
+  function countPoints(shapes, max, filter) {
+    var count = 0;
+    var i, j, n, m, shp;
+    for (i=0, n=shapes.length; i<n && count<max; i++) {
+      shp = shapes[i];
+      for (j=0, m=(shp ? shp.length : 0); j<m; j++) {
+        count += filter(shp[j]) ? 1 : 0;
+      }
+    }
+    return count;
+  }
+
   // lyr: a map layer with gui property
   // displayCRS: CRS to use for display, or null (which clears any current display CRS)
   function projectLayerForDisplay(lyr, displayCRS) {
@@ -3286,6 +3328,13 @@
       }
     }
 
+    // make sure that every path layer has an associated arc collection
+    // (if the layer is empty, its dataset may not have an arc collection).
+    // this enables adding shapes using the drawing tools.
+    if (!dataset.arcs && (layer.geometry_type == 'polygon' || layer.geometry_type == 'polyline')) {
+      dataset.arcs = new internal.ArcCollection();
+    }
+
     // Assume that dataset.displayArcs is in the display CRS
     // (it must be deleted upstream if reprojection is needed)
     // if (!obj.empty && dataset.arcs && !displayArcs) {
@@ -3370,6 +3419,17 @@
     }
   }
 
+  function pencilPointIsSkippable(p2, points) {
+    var p1 = points[0];
+    var dist;
+    if (points.length < 2) return true;
+    for (var i=1; i<points.length; i++) {
+      dist = Math.sqrt(geom.pointSegDistSq(points[i][0], points[i][1], p1[0], p1[1], p2[0], p2[1]));
+      if (dist > 1.5) return false;
+    }
+    return true;
+  }
+
   function setZ(lyr, z) {
     lyr.gui.source.dataset.arcs.setRetainedInterval(z);
     if (isProjectedLayer(lyr)) {
@@ -3451,6 +3511,25 @@
     }
   }
 
+  function deletePoint(lyr, fid) {
+    var records = lyr.data?.getRecords();
+    lyr.shapes.splice(fid, 1);
+    if (records) records.splice(fid, 1);
+    if (isProjectedLayer(lyr)) {
+      lyr.gui.displayLayer.shapes.splice(fid, 1);
+    }
+  }
+
+  function insertPoint(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)) {
+      var shp2 = projectPointCoords(shp, lyr.gui.projectPoint);
+      lyr.gui.displayLayer.shapes.splice(fid, 0, shp2);
+    }
+  }
+
   function deleteLastPoint(lyr) {
     if (lyr.data) {
       lyr.data.getRecords().pop();
@@ -5522,6 +5601,16 @@
       addHistoryState(undo, redo);
     });
 
+    gui.on('point_delete', function(e) {
+      var redo = function() {
+        deletePoint(e.data.target, e.fid);
+      };
+      var undo = function() {
+        insertPoint(e.data.target, e.fid, e.coords, e.d);
+      };
+      addHistoryState(undo, redo);
+    });
+
     gui.on('path_add', function(e) {
       var redo = function() {
         gui.dispatchEvent('redo_path_add', {p1: e.p1, p2: e.p2});
@@ -5619,10 +5708,7 @@
     };
 
     function updateVisibility() {
-      var noData = !gui.model.getActiveLayer();
-      if (GUI.isActiveInstance(gui) && !_hidden && !noData) {
-        buttons.show();
-      } else if (noData && gui.getMode() != 'import') {
+      if (GUI.isActiveInstance(gui) && !_hidden) {
         buttons.show();
       } else {
         buttons.hide();
@@ -5716,24 +5802,37 @@
     var self = this;
     var shiftDown = false;
     var ctrlDown = false;
+    var metaDown = false;
+    var altDown = false;
+
+    function updateControlKeys(e) {
+      shiftDown = e.shiftKey;
+      ctrlDown = e.ctrlKey;
+      metaDown = e.metaKey;
+      altDown = e.altKey;
+    }
     document.addEventListener('keyup', function(e) {
       if (!GUI.isActiveInstance(gui)) return;
       // this can fail to fire if keyup occurs over a context menu
-      // if (e.keyCode == 16) shiftDown = false;
-      shiftDown = e.shiftKey;
-      if (e.keyCode == 17) ctrlDown = false;
+      updateControlKeys(e);
       self.dispatchEvent('keyup', getEventData(e));
     });
 
     document.addEventListener('keydown', function(e) {
       if (!GUI.isActiveInstance(gui)) return;
-      shiftDown = e.shiftKey;
-      if (e.keyCode == 17) ctrlDown = true;
+      updateControlKeys(e);
       self.dispatchEvent('keydown', getEventData(e));
     });
 
+    document.addEventListener('mousemove', function(e) {
+      // refreshing these here to prevent problems when context menu opens
+      updateControlKeys(e);
+    });
+
     this.shiftIsPressed = function() { return shiftDown; };
     this.ctrlIsPressed = function() { return ctrlDown; };
+    this.altIsPressed = function() { return altDown; };
+    this.metaIsPressed = function() { return metaDown; };
 
     this.onMenuSubmit = function(menuEl, cb) {
       gui.on('enter_key', function(e) {
@@ -7964,7 +8063,9 @@
         return;
       }
       e.originalEvent.preventDefault();
-      if (!targetLayer) return; // TODO: enable menu on empty map
+      if (!El('body').hasClass('map-view')) {
+        return;
+      }
       triggerHitEvent('contextmenu', e);
     }, false);
 
@@ -8060,7 +8161,7 @@
     self.setHitId = function(id) {
       if (storedData.id == id) return;
       storedData.id = id;
-      storedData.ids = [id];
+      storedData.ids = id == -1 ? [] : [id];
       triggerHitEvent('change');
     };
 
@@ -8388,7 +8489,9 @@
         mode: interactionMode
       };
       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.originalEvent = evt;
         eventData.overMap = isOverMap(evt);
       }
@@ -9269,8 +9372,7 @@
 
     function useBoxZoom() {
       var mode = gui.getMode();
-      var disabled = ['selection_tool', 'box_tool', 'rectangle_tool'].includes(mode);
-      return !disabled;
+      return !'selection_tool,box_tool,rectangle_tool,drawing_tool'.includes(mode);
     }
 
     function getBoxData(e) {
@@ -9803,8 +9905,8 @@
 
     hit.on('contextmenu', function(e) {
       var target = hit.getHitTarget();
-      if (!e.overMap || !target || e.mode == 'edit_lines' ||
-          e.mode == 'edit_polygons') {
+      if (!e.overMap || e.mode == 'edit_lines' ||
+          e.mode == 'edit_polygons' || e.mode == 'edit_points') {
         return;
       }
       gui.contextMenu.open(e, hit.getHitTarget());
@@ -10099,7 +10201,8 @@
   }
 
   function initPointEditing(gui, ext, hit) {
-    var symbolInfo;
+    var instructionsShown = false;
+    var symbolInfo, alert;
     function active(e) {
       return gui.interaction.getMode() == 'edit_points';
     }
@@ -10108,17 +10211,57 @@
       return active(e) && e.id > -1;
     }
 
+    function hideInstructions() {
+      if (!alert) return;
+      alert.close('fade');
+      alert = null;
+    }
+
+    function showInstructions() {
+      var isMac = navigator.userAgent.includes('Mac');
+      var symbol = isMac ? '⌘' : '^';
+      var msg = `Instructions: Click on the map to add points. Move points by dragging. Type ${symbol}Z/${symbol}Y to undo/redo.`;
+      alert = showPopupAlert(msg, null, { non_blocking: true, max_width: '360px'});
+    }
+
     gui.on('interaction_mode_change', function(e) {
       if (e.mode == 'edit_points' && !gui.model.getActiveLayer()) {
         addEmptyLayer(gui, undefined, 'point');
       } else if (e.prev_mode == 'edit_points') {
+        hideInstructions();
         gui.container.findChild('.map-layers').classed('add-points', false);
       }
+      if (e.mode == 'edit_points' && !instructionsShown) {
+        instructionsShown = true;
+        showInstructions();
+      }
+    });
 
+    hit.on('contextmenu', function(e) {
+      if (!active(e)) return;
+      var target = hit.getHitTarget();
+      var id = e.id;
+      if (id > -1) {
+        e.deletePoint = function() {
+          removePoint(target, id);
+        };
+      }
+      gui.contextMenu.open(e, target);
     });
 
+    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});
+      gui.dispatchEvent('map-needs-refresh');
+      hit.setHitId(-1);
+    }
+
     hit.on('click', function(e) {
       if (overPoint(e) || !active(e)) return;
+      hideInstructions();
+
       // add point
       var p = pixToDataCoords(e.x, e.y);
       var target = hit.getHitTarget();
@@ -10135,6 +10278,7 @@
 
     hit.on('dragstart', function(e) {
       if (!overPoint(e)) return;
+      hideInstructions();
       var target = hit.getHitTarget();
       symbolInfo = {
         FID: e.id,
@@ -10188,6 +10332,7 @@
     var drawingId = -1; // feature id of path being drawn
     var sessionCount = 0;
     var alert;
+    var pencilPoints;
     var _dragging = false;
 
     function active() {
@@ -10202,6 +10347,10 @@
       return drawingId > -1;
     }
 
+    function usingPencil() {
+      return (gui.keyboard.altIsPressed() || gui.keyboard.metaIsPressed()) && active() && !dragging();
+    }
+
     function polygonMode() {
       return active() && hit.getHitTarget().geometry_type == 'polygon';
     }
@@ -10283,11 +10432,12 @@
 
     function showInstructions() {
       var isMac = navigator.userAgent.includes('Mac');
-      var symbol = isMac ? '⌘' : '^';
+      var undoKey = isMac ? '⌘' : '^';
+      var drawKey = isMac ? '⌘' : 'Alt';
       var pathStr = polygonMode() ? 'closed paths' : 'paths';
-      var msg = `Instructions: Click on the map to draw ${pathStr}. Drag vertices to reshape a path. Type ${symbol}Z/${symbol}Y to undo/redo.`;
+      var msg = `Instructions: Click to start a path or add a point. ${drawKey}-drag draws a path. Drag points to reshape. Type ${undoKey}Z/${undoKey}Y to undo/redo.`;
         alert = showPopupAlert(msg, null, {
-          non_blocking: true, max_width: '360px'});
+          non_blocking: true, max_width: '388px'});
     }
 
     function hideInstructions() {
@@ -10372,9 +10522,28 @@
       hit.setHoverVertex(hoverVertexInfo.displayPoint, hoverVertexInfo.type);
     });
 
+    gui.map.getMouse().on('drag', function(e) {
+      if (!usingPencil()) return;
+      e.stopPropagation();
+      var xy = [e.x, e.y];
+      var p = pixToDataCoords(e.x, e.y);
+      if (!drawing()) {
+        pencilPoints = [xy];
+        startNewPath(p);
+      } else if (!pencilPoints || !pencilPointIsSkippable(xy, pencilPoints)) {
+        pencilPoints = [xy];
+        extendCurrentPath(p);
+      } else {
+        // skip this point, update the hover line
+        pencilPoints.push(xy);
+        updatePathEndpoint(p);
+      }
+    }, null, 3); // higher priority than hit control
+
     hit.on('drag', function(e) {
       if (!dragging() || drawing()) return;
       e.originalEvent.stopPropagation();
+      // dragging a vertex
       var target = hit.getHitTarget();
       var p = ext.translatePixelCoords(e.x, e.y);
       if (gui.keyboard.shiftIsPressed()) {
@@ -10453,8 +10622,6 @@
         deleteActiveVertex(e);
       } else {
         startNewPath(p);
-        hideInstructions();
-        updateCursor();
       }
       prevClickEvent = e;
     });
@@ -10565,6 +10732,14 @@
       gui.dispatchEvent('path_add', {target, p1, p2});
       drawingId = target.shapes.length - 1;
       hit.setDrawingId(drawingId);
+      hideInstructions();
+      updateCursor();
+    }
+
+    function pencilDraw(e) {
+      var p = pixToDataCoords(e.x, e.y);
+      extendCurrentPath(p);
+
     }
 
     // p: [x, y] source data coordinates of new point on path
@@ -10585,7 +10760,6 @@
         gui.dispatchEvent('path_extend', {target, p, shapes1, shapes2});
         clearDrawingInfo();
         fullRedraw();
-
       } else {
         appendVertex$1(target, p);
         gui.dispatchEvent('path_extend', {target, p});
@@ -10622,20 +10796,19 @@
     function findPathStartInfo(e) {
       var target = hit.getHitTarget();
       var arcId = target.gui.displayArcs.size() - 1;
-      var data = target.gui.displayArcs.getVertexData();
+      var p1 = ext.translatePixelCoords(e.x, e.y); // mouse coords
+      var p2 = internal.getArcStartCoords(arcId, target.gui.displayArcs); // vertex coords
+      var p3 = internal.getArcStartCoords(arcId, target.gui.source.dataset.arcs);
+      var dist = geom.distance2D(p1[0], p1[1], p2[0], p2[1]);
+      var data = target.gui.source.dataset.arcs.getVertexData();
       var i = data.ii[arcId];
-      var x = data.xx[i];
-      var y = data.yy[i];
-      var p = ext.translatePixelCoords(e.x, e.y);
-      var dist = geom.distance2D(p[0], p[1], x, y);
       var pathLen = data.nn[arcId];
       var pixelDist = dist / ext.getPixelSize();
       if (pixelDist > HOVER_THRESHOLD || pathLen < 4) {
         return null;
       }
-      var point = translateDisplayPoint(target, [x, y]);
       return {
-        target, ids: [i], extendable: false, point, displayPoint: [x, y], type: 'vertex'
+        target, ids: [i], extendable: false, displayPoint: p2, point: p3, type: 'vertex'
       };
     }
 
@@ -10871,6 +11044,7 @@
       }
     };
 
+    // translate display CRS coords to pixel coords
     this.translateCoords = function(x, y) {
       return this.getTransform().transform(x, y);
     };
@@ -10890,6 +11064,7 @@
       return bounds2.width() / _frame.width;
     };
 
+    // convert pixel coords (0,0 is top left corner of map) to display CRS coords
     this.translatePixelCoords = function(x, y) {
       return this.getTransform().invert().transform(x, y);
     };
@@ -11352,8 +11527,7 @@
 
     _self.drawSquareDots = function(shapes, style) {
       var t = getScaledTransform(_ext),
-          scaleRatio = getDotScale(_ext),
-          size = Math.round((style.dotSize || 1) * scaleRatio),
+          size = getDotSize(style),
           styler = style.styler || null,
           xmax = _canvas.width + size,
           ymax = _canvas.height + size,
@@ -11373,7 +11547,7 @@
       for (i=0, n=shapes.length; i<n; i++) {
         if (styler !== null) { // e.g. selected points
           styler(style, i);
-          size = style.dotSize * scaleRatio;
+          size = getDotSize(style);
           if (style.dotColor != color) {
             color = style.dotColor;
             _ctx.fillStyle = color;
@@ -11520,25 +11694,16 @@
     return s;
   }
 
-  function getDotScale(ext) {
-    var smallSide = Math.min(ext.width(), ext.height());
-    var mapScale = ext.scale();
-    // reduce size on smaller screens
-    var j = smallSide < 200 && 0.5 || smallSide < 400 && 0.75 || 1;
-    // grow dots as map zooms in
-    var k = 1;
-    if (mapScale < 0.5) {
-      k = Math.pow(mapScale + 0.5, 0.35);
-    } else if (mapScale > 1) {
-      // scale faster at first, so small dots in large datasets
-      // become easily visible and clickable after zooming in a bit
-      k *= Math.pow(Math.min(mapScale, 10), 0.3);
-      k *= Math.pow(mapScale, 0.1);
-    }
-    // grow pixels more slowly on retina displays (to reduce number of pixels to
-    // draw for large point datasets when slightly zoomed in)
-    var l = Math.pow(GUI.getPixelRatio(), 0.8);
-    return j * k * l;
+  function getDotSize(style) {
+    var size = style.dotSize || 1;
+    // TODO: improve
+    var scale = style.dotScale || 1;
+    size += (scale - 1) / 2;
+    size *= Math.pow(scale, 0.3);
+
+    // shrink dots slightly on retina displays, to adjust for greater clarity
+    // and reduce number of pixels to draw on large datasets.
+    return Math.round(Math.pow(GUI.getPixelRatio(), 0.8) * size);
   }
 
   function getScaledTransform(ext) {
@@ -12460,16 +12625,27 @@ GUI and setting the size and crop of SVG output.</p><div><input type="text" clas
       return internal.toLngLat(p, _dynamicCRS);
     };
 
-    this.getCenterLngLat = function() {
-      var bounds = _ext.getBounds();
+    this.pixelCoordsToDisplayCoords = function(x, y) {
+      var p1 = _ext.translatePixelCoords(x, y);
+      var p2 = _ext.translatePixelCoords(x+1, y+1);
       var crs = this.getDisplayCRS();
-      // TODO: handle case where active layer is a frame layer
-      if (!bounds.hasBounds() || !crs) {
-        return null;
+      if (crs) {
+        p1 = internal.toLngLat(p1, crs) || p1;
+        p2 = internal.toLngLat(p2, crs) || p2;
       }
-      return internal.toLngLat([bounds.centerX(), bounds.centerY()], crs);
+      return formatCoordsForDisplay(p1, p2);
     };
 
+    // this.getCenterLngLat = function() {
+    //   var bounds = _ext.getBounds();
+    //   var crs = this.getDisplayCRS();
+    //   // TODO: handle case where active layer is a frame layer
+    //   if (!bounds.hasBounds() || !crs) {
+    //     return null;
+    //   }
+    //   return internal.toLngLat([bounds.centerX(), bounds.centerY()], crs);
+    // };
+
     this.getDisplayCRS = function() {
       if (!_activeLyr) {
         return _dynamicCRS || internal.parseCrsString('wgs84');
@@ -12536,7 +12712,6 @@ GUI and setting the size and crop of SVG output.</p><div><input type="text" clas
       _ext.setFullBounds(calcFullBounds());
       _ext.resize();
       _renderer = new LayerRenderer(gui, el);
-      gui.buttons.show();
 
       if (opts.inspectorControl) {
         _hit = new HitControl(gui, _ext, _mouse),
@@ -12598,10 +12773,7 @@ GUI and setting the size and crop of SVG output.</p><div><input type="text" clas
       }
 
       if (e.layer) {
-        enhanceLayerForDisplay(e.layer, e.dataset, getDisplayOptions());
-        _activeLyr = e.layer;
-        _activeLyr.gui.style = getActiveLayerStyle(_activeLyr.gui.displayLayer, getGlobalStyleOptions());
-        _activeLyr.active = true;
+        _activeLyr = initActiveLayer(e.layer, e.dataset);
       } else {
         _activeLyr = null;
       }
@@ -12639,10 +12811,12 @@ GUI and setting the size and crop of SVG output.</p><div><input type="text" clas
 
 
     function updateOverlayLayer(e) {
-      var style = getOverlayStyle(_activeLyr.gui.displayLayer, e, getGlobalStyleOptions());
+      var style = !_activeLyr?.gui?.style ? null :
+        getOverlayStyle(_activeLyr.gui.displayLayer, e, getGlobalStyleOptions());
       if (style) {
         var displayLayer = filterLayerByIds(_activeLyr.gui.displayLayer, style.ids);
         var gui = Object.assign({}, _activeLyr.gui, {style, displayLayer});
+        style.dotScale = _activeLyr.gui.style.dotScale;
         _overlayLyr = utils$1.defaults({gui}, _activeLyr);
       } else {
         _overlayLyr = null;
@@ -12786,6 +12960,17 @@ GUI and setting the size and crop of SVG output.</p><div><input type="text" clas
       });
     }
 
+    function initActiveLayer(lyr, dataset) {
+      enhanceLayerForDisplay(lyr, dataset, getDisplayOptions());
+      lyr.gui.style = getActiveLayerStyle(lyr.gui.displayLayer, getGlobalStyleOptions());
+      lyr.active = true;
+      getVisibleMapLayers().forEach(function(lyr) {
+        delete lyr.active;
+      });
+      lyr.active = true;
+      return lyr;
+    }
+
     function getDrawableFurnitureLayers(layers) {
       if (!isPreviewView()) return [];
       return getVisibleMapLayers().filter(function(o) {
@@ -12852,6 +13037,7 @@ GUI and setting the size and crop of SVG output.</p><div><input type="text" clas
         updateLayerStyles(contentLayers);
         updateLayerStackOrder(model.getLayers());// update menu_order property of all layers
       }
+      adjustPointSymbolSizes(contentLayers, _overlayLyr, _ext);
       sortMapLayers(contentLayers);
       if (_intersectionLyr) {
         contentLayers = contentLayers.concat(_intersectionLyr);
@@ -12920,7 +13106,7 @@ GUI and setting the size and crop of SVG output.</p><div><input type="text" clas
           menu.hide();
           _open = false;
         }
-      }, 300);
+      }, 200);
     }
 
     function addMenuItem(label, func) {
@@ -12933,7 +13119,7 @@ GUI and setting the size and crop of SVG output.</p><div><input type="text" clas
     }
 
     this.open = function(e, lyr) {
-      if (!lyr || !lyr.gui.geographic) return;
+      if (lyr && !lyr.gui.geographic) return; // no popup for tabular data
       _open = true;
       _openCount++;
       var rspace = body.clientWidth - e.pageX;
@@ -12949,19 +13135,22 @@ GUI and setting the size and crop of SVG output.</p><div><input type="text" clas
       menu.css('top', (e.pageY - 15) + 'px');
 
       // menu contents
-      if (e.coordinates) {
-        addCopyCoords();
+      //
+      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);
       }
 
-      function addCopyCoords() {
-        var bbox = internal.getLayerBounds(lyr, lyr.gui.source.dataset.arcs).toArray();
-        var coordStr = internal.getRoundedCoordString(e.coordinates, internal.getBoundsPrecisionForDisplay(bbox));
+      function addCoords(p) {
+        var coordStr = p[0] + ',' + p[1];
         var displayStr = '• &nbsp;' + coordStr.replace(/-/g, '–').replace(',', ', ');
         addMenuItem(displayStr, function() {
           saveFileContentToClipboard(coordStr);

package/www/mapshaper.js

@@ -1612,6 +1612,7 @@
     this.ymin -= halfHeight * ky;
     this.xmax += halfWidth * kx;
     this.ymax += halfHeight * ky;
+    return this;
   };
 
   // Return a bounding box with the same extent as this one.
@@ -5003,7 +5004,7 @@
     if (isLatLngCRS(P)) {
       return xy.concat();
     }
-    proj = getProjTransform(P, parseCrsString('wgs84'));
+    proj = getProjTransform2(P, parseCrsString('wgs84'));
     return proj(xy[0], xy[1]);
   }
 
@@ -26664,7 +26665,7 @@ ${svg}
           codepage = lookupCodePage(ldid),
           samples = getNonAsciiSamples(),
           only7bit = samples.length === 0,
-          encoding, msg;
+          encoding;
 
       // First, check the ldid (language driver id) (an obsolete way to specify which
       // codepage to use for text encoding.)
@@ -26684,10 +26685,12 @@ ${svg}
       // As a last resort, try to guess the encoding:
       if (!encoding) {
         var info = detectEncoding(samples);
+        var msg;
         encoding = info.encoding;
         if (info.confidence < 2) {
-          msg = 'Warning: Unable to auto-detect the DBF file text encoding with high confidence.';
-          msg += '\n\nDefaulting to: ' + encoding + (encoding in encodingNames ? ' (' + encodingNames[encoding] + ')' : '');
+          msg = 'Warning: Unable to auto-detect the DBF file text encoding' +
+            (info.confidence == 1 ? ' with high confidence' : '') + '.';
+          msg += ' Defaulting to ' + encoding + (encoding in encodingNames ? ' (' + encodingNames[encoding] + ').' : '.');
           msg += '\n\nSample of how non-ascii text was imported:\n';
           if (runningInBrowser()) {
             msg += '<pre>' + formatStringsAsGrid(decodeSamples(encoding, samples), 50) + '</pre>';
@@ -45532,7 +45535,7 @@ ${svg}
     });
   }
 
-  var version = "0.6.78";
+  var version = "0.6.80";
 
   // 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

@@ -59,7 +59,7 @@ body.map-view {
 
 
 .selectable,.selectable * {
-	user-select: default;
+	user-select: text;
 	cursor: text;
 }
 
@@ -343,17 +343,15 @@ div.alert-box {
 }
 
 .mini-drop-area {
-	border: 1.5px dashed #bbb;
-	max-width: 240px;
+	border: 1.5px dashed #999;
+	max-width: 245px;
 	border-radius: 9px;
-	font-size: 15px;
+	font-size: 14px;
 	line-height: 1.5;
-	color: #888;
-/*	background-color: #FFFEF8;*/
-	padding: 6px 4px 7px 7px;
-	padding: 11px 14px;
+	padding: 9px 11px 6px 11px;
 	margin: 9px -1px 3px -1px;
 	min-height: 120px;
+	background: #f8fdff;
 }
 
 .catalog-mode .file-catalog {