Я использую 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);
}
}