Como faço para exibir um box de informação, quando clicar em cima do marker? tentei fazer seguindo a documentação, mas quando eu clico, aparece o box mas não a informação dentro dele.
//Center
var mapProp = {
center: new google.maps.LatLng(-14.235004, -51.92528),
zoom: 5,
disableDefaultUI: true,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
//Map
var map = new google.maps.Map(document.getElementById("googleMapsOne"), mapProp);
var contentString = '<div id="content">Informação</div>';
var infowindow = new google.maps.InfoWindow({
content: contentString,
maxWidth: 200
});
// Circle
var mycityCircle = new google.maps.Circle({
center: new google.maps.LatLng(7.2964, 80.6350),
radius: l,
strokeOpacity: 0.8,
strokeWeight: 2,
fillOpacity: 0.2
});
mycityCircle.setMap(map);
// Marker
locations.map(function(val){
var marker = new google.maps.Marker({
position: new google.maps.LatLng(val[1], val[2]),
icon: 'images/pin.png',
map: map,
animation: google.maps.Animation.BOUNCE
});
//marker.setMap(map)
marker.addListener('click', function() {
infowindow.open(map, marker);
});
});
Preciso adicionar a cada Marker, um texto diferente (que vem da minha API), tentei coloca-lo também dentro do Map, mas ai nao funciona