how to programmatically create a marker ?

[delister]

Tell me is it possible to programmatically create a marker ?

P.S. Translated by google translate.

[markgibbons25]

Yes it's easy. But you don't need Leaflet.draw to do it, just Leaflet. Check the API at http://leafletjs.com/

[delister]

If I do this:
L.marker([51.5, -0.09]).addTo(map);
then the marker can not be edited via the control panel leaflet.draw.

[jacobtoye]

Hi @delister, you need to make sure the marker is added to the L.FeatureGroup that you pass into the draw control. E.g.

// Normal setup of draw control
var drawnItems = new L.FeatureGroup();
map.addLayer(drawnItems);

// Set the title to show on the polygon button
L.drawLocal.draw.toolbar.buttons.polygon = 'Draw a sexy polygon!';

var drawControl = new L.Control.Draw({
    draw: {
        position: 'topleft',
        polygon: {
            allowIntersection: false,
            showArea: true,
            drawError: {
                color: '#b00b00',
                timeout: 1000
            },
            shapeOptions: {
                color: '#bada55'
            }
        },
        circle: {
            shapeOptions: {
                color: '#662d91'
            }
        },
        marker: false
    },
    edit: {
        featureGroup: drawnItems,
        remove: false
    }
});
map.addControl(drawControl);

// Add marker programatically:
L.marker([51.5, -0.09]).addTo(drawnItems);

Note the last line adds the marker to the feature group rather than the map.

[ruuttt]

Thanks

[stepankuzmin]

I'm getting this error on edit

Uncaught TypeError: Cannot read property 'enable' of undefined 

P.S. I'm trying to add GeoJSON layer.

[joongtang]

try this code~

L.geoJson(data, {
    style: function (feature) {
        return {color: feature.properties.color};
    },
    onEachFeature: function (feature, layer) {
        layer.bindPopup(feature.properties.description).addTo(drawnItems);
    }
});

[ZanwingMak]

thanks！