GoogleMaps marker click event


I want when the user clicks on a marker, I would like a popup displays to him with some information (for example: let’s say the markers represent locations, when he clicks on a marker it displays to him all information of this location)

What is the simplest way to do this?


Assuming you declare your marker like so:

let marker = new google.maps.Marker({
  position: myLatlng,
  map: map,
  title: 'Click to do something'

You can just add a click listener to it like so:

marker.addListener('click', function() {
  // your code here


Perfect it worked :wink:

var locations = Locations.find();
// set all markers in the Map

var marker = new google.maps.Marker({
position: new google.maps.LatLng(doc.screenLatitude, doc.screenLongitude),
title: doc.screenDimension,
marker.setMap(map1); // map1 is my Google Map
marker.addListener(‘click’, function() {
// your code here
console.log(“Marker clicked”);

Still need displaying a popup…



Thank you for the reply

marker.addListener(‘click’, function() {, marker);

Doesn’t work for me I don’t know why, but I try something else and it’s okay:

marker.addListener(‘click’, function() {
title: “More details”,
text: “Type what you want here”,

Best regards :slight_smile: