Looking for an exampe of adding a marker.

[Fasil Hayat]

Hi

I am very new to use Leaflet. I am looking for an example where you can add a marker on a map. Preferably an example where I can only add one marker / drag it around the map / add a marker somewhere else and the previous marker is removed.

Is there a good example I can build upon?


With regards,
Fasil

[Bryan McBride]

Something like this...

// Create layer group

var group = L.featureGroup();

// Add layer group to map

map.addLayer(group);

// Add marker at center of map

group.addLayer(L.marker(map.getCenter(),{draggable: true}));

// Setup map 'click' listener to clear existing markers and add new marker at click location

map.on('click', function(e){

    group.clearLayers();

    group.addLayer(L.marker(e.latlng,{draggable: true}));

});

[Fasil Hayat]

It works  :)
Anyway to start up the map without the marker set? and the upon clikck on the map it shows up and is draggable...

[Pierre Roulette]

I don't completely understand what you're trying to say. You want to add the marker only when we click on the map ? And set it draggable ?

Ok, so if it's what you want, the solution is quite easy, given the previous answer :

You just create the group without add the marker : remove the line group.addLayer(L.marker(map.getCenter(),{draggable: true})); and this is it.

[Fasil Hayat]

Yes, that was what, I was trying say.
Sorry, about my bad English. :)

[Pierre Roulette]

Don't worry, I'm not fluent either ^^ So I hope your code works now ! Bye !

[Fasil Hayat]

Is there any way you can show me how to use a custom marker?

I have a marker that I want to use instead of the build-in marker.

I appreciate your time.

[Bryan McBride]

http://leafletjs.com/examples/custom-icons.html

[Pierre Roulette]

Nothing further !

[Fasil Hayat]

Ahh thanks, that seems simple enough to implement.

If you have the time for clearing this question as well, I would be deeply thankful :)
https://groups.google.com/forum/?fromgroups#!topic/leaflet-js/i2xsP2mDRd0