Question

我尝试使用此插件https://github.com/tcoupin/leaflet-paintpolygon进行多点圆形的图像注释。但是此插件由于其中使用的库中的错误而无法正常工作。在传单或其他JS库中还有其他解决方案吗？谢谢

Answer 1

如果只需要徒手工具，则可以创建它而无需任何插件或库。使用以下代码，您可以通过单击来启动或停止手绘油漆。

let paintMode = false;
var myPolyline;

map.on('click', function() {
  paintMode = !paintMode;
  if (paintMode) {
    myPolyline = L.polyline([]).addTo(map);
  }
})

map.on('mousemove', function(e) {
  if (paintMode) {
    myPolyline.addLatLng(e.latlng);
  }
})

这是一个工作的jsfiddle： https://jsfiddle.net/5drknva4/

Answer 2

您可以尝试使用'Leaflet.draw'库（https://github.com/Leaflet/Leaflet.draw），该插件可以创建多边形和直线：

Example in image

传单，如何绘制形状像油漆（画笔）

2 个答案: