Meteor - Google Maps marker click event - google-maps

Question

I want when the user clicks on a marker, I would like a popup displays to him with some information (for example: lets 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?

Answer 1

See the Google Maps documentation for how to setup event listeners on your markers. You should be able to do that in your Blaze template code, most likely in the onCreated() or onRendered() of the template.

Answer 2

Solution is:
marker.addListener('click', function() {
swal({
title: "More details",
text: "Type what you want here",
});
});
Regards,

Answer 3

Add this package https://github.com/dburles/meteor-google-maps
HTML
{{> googleMap name="map" options=mapOptions}}
Client JS
Meteor.startup(function() {
GoogleMaps.load({
v: '3',
key: 'YOUR_KEY'
});
});
Template.YOUR_TEMPLATE.helpers({
mapOptions: () => {
if (GoogleMaps.loaded()) {
return {
center: new google.maps.LatLng(YOUR_MAP_LAT, YOUR_MAP_LNG),
zoom: 1
};
}
}
});
Template.YOUR_TEMPLATE.onRendered(function(){
GoogleMaps.ready('map', function(map) {
let marker = new google.maps.Marker({
position: new google.maps.LatLng(YOUR_MARKER_LAT, YOUR_MARKER_LNG),
map: map.instance
})
let infowindow = new google.maps.InfoWindow({
content: 'SOME CONTENT'
})
marker.addListener('click', function(event){
infowindow.open(map.instance, marker);
})
});
});