leaflet.draw

I have a bunch of polygons which are stored in a database. I would like to add them to the map in such a way that they can be edited using the leaflet-draw toolbar. Although, now the polygons get added to the map, I am unable edit them. I think this is because they are not added to the layerGroup() to which newly drawn shapes are added. Please help. Manuel You have to add your polygons to the featureGroup drawnItems ! Let's say, var polyLayers = dbArray; is your database array with polygons. First create a feature group with your drawn items: var drawnItems = new L.FeatureGroup(); and add it

I'm trying to store some geometry in a PostGIS DB which is created using Leaflet Draw . The following answer only covers the first part: how to transform the drawn shape into GeoJSON, i.e.: map.on(L.Draw.Event.CREATED, function (e) { var type = e.layerType var layer = e.layer; // Do whatever else you need to. (save to db, add to map etc) drawnItems.addLayer(layer); //Export to DB (source: https://stackoverflow.com/a/24019108/3976696) var shape = layer.toGeoJSON() shape_for_db = JSON.stringify(shape); For example, shape_for_db contains: { "type": "Feature", "properties": {}, "geometry": { "type

Context: I've made a map, and populated it with around 300 random markers. I can 'select' the markers by clicking on a link in the popup and activate a selection to display data from. I also have the Leaflet.draw plugin to draw shapes like circles, rectangles and custom shapes, and I would like to use it to 'select' a couple of markers. The issue How can I grab the leaflet marker object of the markers that fall inside a drawn leaflet.draw shape so I can edit them? I cannot seem to make a selection, It either selects none of the markers, or all of them. Code snippet, stripped from unnecessary

How can I remove the "clear all" action from the delete button in the leaflet-draw edit toolbar? I know you can remove the whole delete button but still need to remove individual items. Basically looking for a way to prevent the user from deleting every item from the map. The edit toolbar tests the existence of a removeAllLayers member on the button handler. So, a simple but probably heavy handed way to disable the clear all action is to nuke removeAllLayers on the L.EditToolbar.Delete module: L.EditToolbar.Delete.include({ removeAllLayers: false }); new L.Control.Draw({ edit: { featureGroup:

I have an issue, in my leaflet map I've created a triangle from polygon: var polygon = L.polygon([ [parseFloat(decimal_lat),parseFloat(decimal_lon)], [parseFloat(decimal_lat) + 1, parseFloat(decimal_lon) - 1], [parseFloat(decimal_lat) + 1, parseFloat(decimal_lon) + 1] ], { color:'green' }); polygon.addTo(map); and I want to rotate this polygon around Point[decimal_lon, decimal_lat] . But I'm not able to solve it.. I've created DEMO , where I'm rotating polynom the same I want to rotate my triangle (polygon) to show you my problem. One way to do it is through matrix rotation. https://en