leaflet 做拖尾

在 Leaflet 中，您可以使用 L.Polyline 类来绘制线条。要制作拖尾效果，您可以结合使用 L.Polyline 和 L.IntervalMarker 插件。

以下是一个示例代码，它创建了一个拖尾效果：

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

var intervalMarker = L.intervalMarker(polyline, {
  interval: 50,
  duration: 2000,
  color: 'red',
  weight: 5,
  opacity: 0.5,
  fillColor: 'red',
  fillOpacity: 0.5,
}).addTo(map);

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

在上面的示例中，我们首先创建了一个空的线条，并将其添加到地图上。然后，我们使用 L.IntervalMarker 插件为线条添加了一个拖尾效果。该插件使用了一些选项来控制拖尾的外观和行为，例如`interval`选项控制拖尾的间隔时间，`duration`选项控制拖尾的持续时间，以及`color`、`weight`、`opacity`等选项控制拖尾的颜色、宽度和透明度。

最后，我们向地图注册了一个`mousemove`事件处理函数。在事件处理函数中，我们通过`event.latlng`属性获取鼠标的经纬度坐标，并将其添加到线条中。

请注意，L.IntervalMarker 插件可能会对性能产生一些影响，因此它应该谨慎使用。