How can I create a click event on a google map marker in a cluster?

user2888697

I am working from Google's Marker Clustering guide.

I just want to add a simple event to the markers inside a cluster.

Unfotunately, I cannot use marker.addListener('click', ... because no marker variable is declared.

Any idea how to add a click event to multiple markers using the same markup in the clustering guide?

Many thanks!

user2888697

As suggested in Integrate Google Maps MarkerClusterer with infowindow, a marker should be created with a click event:

var markers = locations.map(function(location, i) {
  var marker = new google.maps.Marker({
    position: location
  });
  google.maps.event.addListener(marker, 'click', function(evt) {
    //Add click event
  });
  return marker;
});

Here is the solution added to Google's Marker Clustering example: https://jsfiddle.net/9dmj3rkr/

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

From Dev

How can I correct the marker on google map

From Dev

Displaying marker in Google map on click event

From Dev

How Can i set google map marker color randomly?

From Dev

How to handle Google Map v2 Marker's Long click event in Android?

From Dev

How can I update the marker cluster from the map based on the list of locations?

From Dev

create event listener to dynamically created google-map marker

From Dev

ng-map: How can I get the Marker object when I click it?

From Dev

Leaflet JS Cluster Marker cancel click event

From Dev

How to group marker using Cluster in Google Map in Swift?

From Dev

How can I open InfoWindow inside custom cluster Marker - Google Maps

From Java

How to hide "Navigation" and "GPS Pointer" buttons when I click the marker on the android google map

From Dev

How can I create a click event on a custom user control?

From Dev

Google Map Marker OnClick event

From Dev

how can i disable right click on Google map infowindow

From Dev

How can I click on a pin in a Google map embedded from JavaScript?

From Dev

how to count number of click on google map marker in android

From Dev

How to disable marker click event?

From Dev

Marker click event in android map using osm

From Dev

How can I hide infowindow on markers which are inside marker cluster

From Dev

How I can call showinfowindow() in a marker within cluster manager?

From Dev

how to do that when i click on the map, the marker disappeared?

From Dev

How to remove previous infobubble, if I click different marker in HERE Map?

From Dev

How Can I Draw A Radius Around A Map Marker Using Google Maps SDK (Swift/iOS)?

From Dev

How can i pass country_name to show marker on google map api

From Dev

How can I access the 'marker' object inside a google.map object?

From Dev

Marker click event not firing for ui-gmap-marker in Map Controller

From Dev

How can I create a speech-bubble border for a Google Marker Custom Icon using Picasso?

From Dev

Marker Drag Click Event Google Maps

From Dev

Google Maps API marker click event not firing

Related Related

  1. 1

    How can I correct the marker on google map

  2. 2

    Displaying marker in Google map on click event

  3. 3

    How Can i set google map marker color randomly?

  4. 4

    How to handle Google Map v2 Marker's Long click event in Android?

  5. 5

    How can I update the marker cluster from the map based on the list of locations?

  6. 6

    create event listener to dynamically created google-map marker

  7. 7

    ng-map: How can I get the Marker object when I click it?

  8. 8

    Leaflet JS Cluster Marker cancel click event

  9. 9

    How to group marker using Cluster in Google Map in Swift?

  10. 10

    How can I open InfoWindow inside custom cluster Marker - Google Maps

  11. 11

    How to hide "Navigation" and "GPS Pointer" buttons when I click the marker on the android google map

  12. 12

    How can I create a click event on a custom user control?

  13. 13

    Google Map Marker OnClick event

  14. 14

    how can i disable right click on Google map infowindow

  15. 15

    How can I click on a pin in a Google map embedded from JavaScript?

  16. 16

    how to count number of click on google map marker in android

  17. 17

    How to disable marker click event?

  18. 18

    Marker click event in android map using osm

  19. 19

    How can I hide infowindow on markers which are inside marker cluster

  20. 20

    How I can call showinfowindow() in a marker within cluster manager?

  21. 21

    how to do that when i click on the map, the marker disappeared?

  22. 22

    How to remove previous infobubble, if I click different marker in HERE Map?

  23. 23

    How Can I Draw A Radius Around A Map Marker Using Google Maps SDK (Swift/iOS)?

  24. 24

    How can i pass country_name to show marker on google map api

  25. 25

    How can I access the 'marker' object inside a google.map object?

  26. 26

    Marker click event not firing for ui-gmap-marker in Map Controller

  27. 27

    How can I create a speech-bubble border for a Google Marker Custom Icon using Picasso?

  28. 28

    Marker Drag Click Event Google Maps

  29. 29

    Google Maps API marker click event not firing

HotTag

Archive