Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to "simulate" a click on a Google Maps Marker?

What I'd like to do is to invoke the click handler on a marker. So this is my code :

var marker = new google.maps.Marker({
    position: location,
    map: map,
    title: title
});    

google.maps.event.addListener(marker, 'click', function() {
    alert("clicked");
});        

marker.click();

but I cannot see any alert...

like image 497
markzzz Avatar asked Feb 08 '12 13:02

markzzz


2 Answers

Save your markers in an array. And do something like this:

$('#anotherButton').click(function(){
   google.maps.event.trigger(marker[index], 'click');
});
like image 23
Ringziii Avatar answered Sep 19 '22 08:09

Ringziii


It's possible to trigger any Maps API event listener on any object using the google.maps.event.trigger function.

You'll probably want to pass in a mock MouseEvent object, depending on what your event listener(s) do with it.

Example:

google.maps.event.trigger(marker, 'click', {
  latLng: new google.maps.LatLng(0, 0)
});
like image 189
Chris Broadfoot Avatar answered Sep 19 '22 08:09

Chris Broadfoot