我使用leaflet.draw在地图中绘制/创建一个形状(地理区域),当我绘制多边形或折线时,它是可编辑的,但无法像矩形一样移动它...我使用 draggable:true 也可以,但是我只能移动形状,但点不能跟随形状。
还有另一种使多边形/折线可移动的方法吗?
我对多边形具有点击功能:
$("#mapContainer").on("click",".btnShapeDraw",function(){
polygonDrawer = new L.Draw.Polygon(map,{
shapeOptions: {
color: color,fillOpacity: opacity,fillColor: color,stroke: color,opacity: opacity,editable: true
}
});
map.on('draw:created',drawCreated);
polygonDrawer.enable();
});
我有此函数drawCreated:
function drawCreated(e) {
type = e.layerType,layer = e.layer;
layer.addTo(drawnItems);
console.log(type,' drawn',layer);
if(type === 'polygon'){
var polygon = layer.getLatLngs();
console.log(polygon);
drawnItems.addLayer(layer);
} else if(type === 'polyline'){
console.log('polyline');
var polyline = layer.getLatLngs();
console.log(polyline);
drawnItems.addLayer(layer);
}
}