jquery-ui-map add marker on click event

Question

Currently i'm working with jquery-ui-map plugin. And i've faced one problem. Is it possible by means of this plugin add an event listener that will add a marker on a map where user clicked on it. After discovering an Api of this plugin i tried this code:

$('#map_canvas')
    .gmap()
    .addEventListener('click',function(event, test){
        //console.log(event);
    });

Where #map_canvas is a div element containing my map. This code really adds an event listener but the variable event don't have a .latLng property. How can i manage to do this?

Ohgodwhy · Accepted Answer · 2012-10-13 09:06:38Z

4

Google-Fu helped me. This is the example.

$('#map_canvas').gmap().bind('init', function(event, map) { 
    $(map).click( function(event) {
        $('#map_canvas').gmap('addMarker', {
            'position': event.latLng, 
            'draggable': true, 
            'bounds': false
        }, function(map, marker) {
            //do whatever you need with the maker utilizing this variable
            marker.__gm_id
        });
    });
});

edited Oct 13, 2012 at 9:06

Ohgodwhy

50.8k11 gold badges86 silver badges114 bronze badges

answered Oct 13, 2012 at 9:00

warmspringwinds

1,1773 gold badges14 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

NullPoiиteя · Accepted Answer · 2012-10-13 08:46:06Z

0

try something like

$('#map_canvas').gmap().bind('init', function(ev, map) {
    $('#map_canvas').gmap('addMarker', {'position': '57.7973333,12.0502107', 'bounds': true}).click(function() {
        $('#map_canvas').gmap('openInfoWindow', {'content': 'Hello World!'}, this);
    });
})

for more reference check this link

answered Oct 13, 2012 at 8:46

NullPoiиteя

57.3k23 gold badges130 silver badges148 bronze badges

1 Comment

warmspringwinds Over a year ago

You simply added a marker. But i need an event listener that will place a marker where user clicked on the map.

Collectives™ on Stack Overflow

jquery-ui-map add marker on click event

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related