leaflet 标签拖动

在 Leaflet 中，您可以使用 Leaflet.label 插件为标记添加标签。要使标记和标签都可拖动，您需要结合使用 Leaflet.Draggable 和 Leaflet.Label 插件。

以下是一个示例代码，它创建了一个标记和标签，并使它们都可以拖动：

var marker = L.marker([51.5, -0.09], { draggable: true }).addTo(map);
marker.bindLabel('My Label', { noHide: true, offset: [10, -20], draggable: true });

var draggable = new L.Draggable(marker);

draggable.on('drag', function(event) {
  var marker = event.target;
  var label = marker.label;
  label.setLatLng(marker.getLatLng());
});

draggable.enable();

在上面的示例中，我们首先创建了一个标记，并将`draggable`选项设置为`true`，以使其可拖动。然后，我们使用`bindLabel`方法为标记添加一个标签，并将`draggable`选项设置为`true`，以使标签可拖动。

接下来，我们创建了一个`draggable`对象，并向其注册了一个`drag`事件处理函数。在事件处理函数中，我们将标签的位置设置为标记的位置。

最后，我们启用了`draggable`对象，以便用户可以拖动标记和标签。

请注意，如果您希望在拖动标记或标签时禁用地图拖动，请使用`map.dragging.disable()`方法来禁用地图拖动，并使用`map.dragging.enable()`方法在拖动结束后重新启用它。