在使用leaflet中,绘制了点位,但是当我点击按钮,编辑的时候,能拖动这些点位,在拖动完成后,点击保存,保存这些点位的当前坐标
时间: 2023-11-20 13:07:15 浏览: 53
html Leaflet调用wms地图服务
可以使用Leaflet的Draggable插件来实现拖动功能,具体步骤如下:
1. 在引入Leaflet的JS文件后,引入Draggable插件的JS文件和CSS文件。
2. 创建一个Marker对象,并将其添加到地图中。
```
var marker = L.marker([latitude, longitude], { draggable: true }).addTo(map);
```
3. 给Marker对象添加dragend事件,当拖动完成后,获取当前位置的经纬度。
```
marker.on('dragend', function(event) {
var marker = event.target;
var position = marker.getLatLng();
latitude = position.lat;
longitude = position.lng;
});
```
4. 在保存按钮的click事件中,保存当前位置的经纬度。
```
saveButton.on('click', function() {
// 保存经纬度
saveCoordinates(latitude, longitude);
});
```
注意:在保存经纬度时,要自己实现保存的逻辑,这里只提供了获取经纬度的方法。
阅读全文