leaflet 增量绘制

在 Leaflet 中，您可以使用 L.Polyline 类来绘制线条。要进行增量绘制，您可以使用 L.Polyline 的 `addLatLng` 方法，该方法将新的经纬度坐标添加到现有的线条中。

以下是一个示例代码，它创建了一个空的线条，并在每次单击地图时向线条添加一个新的经纬度坐标：

var polyline = L.polyline([], { color: 'red' }).addTo(map);

map.on('click', function(event) {
  var latlng = event.latlng;
  polyline.addLatLng(latlng);
});

在上面的示例中，我们首先创建了一个空的线条，并将其添加到地图上。然后，我们向地图注册了一个`click`事件处理函数。在事件处理函数中，我们通过`event.latlng`属性获取新的经纬度坐标，并将其添加到线条中。

请注意，如果您希望在绘制过程中将线条显示为一条不断增长的线段，而不是一条由多个线段组成的线条，请使用 L.Polyline 的 `smoothFactor` 选项来使线条更加平滑，例如：

var polyline = L.polyline([], { color: 'red', smoothFactor: 1 }).addTo(map);

这将使线条更加平滑，从而使其看起来更像是一条不断增长的线段。

相关问题

leaflet 在绘制图像时给可编辑点位排序

我可以回答这个问题。在使用 Leaflet 绘制图像时，可以使用 L.Polyline.Edit 中的方法进行可编辑点位的排序。具体方法是使用 L.Polyline.getLatLngs() 获取所有点位，然后使用 Array.sort() 方法对点位进行排序，最后使用 L.Polyline.setLatLngs() 方法重新设置点位。这样就可以对可编辑点位进行排序了。

leaflet 在绘制图像时给可编辑点位方块中间填入数字排序

我可以回答这个问题。在 Leaflet 中，可以使用 L.DivIcon 和 L.Marker 来创建可编辑的点位，并在方块中间填入数字排序。具体实现方法可以参考 Leaflet 官方文档中的相关示例。