Fala pessoal, tudo bem? estou trabalhando no maps da Google, pegando os clientes no meu banco e colocando os Markers no mapa conforme sua latitude e longitude, quando clica no marker abre uma janela exibindo informações, até aqui tudo bem, o meu problema é:
quando eu clico em algum marker, ele sempre abre o ultimo
meu codigo:
JS
$.ajax({
url: url,
format: 'json',
success: function(rows){
rows = $.parseJSON(rows);
for (var i in rows){
var row = rows[i],
id = row[0],
nome = row[1],
lat = row[9],
lon = row[10];
codigo += '';
Aqui começa o marker - 1ª - pego a posicao
var Posicao = new google.maps.LatLng(lat,lon);
2ª - faço o Marker
var Marker = new google.maps.Marker({
position: Posicao,
map: map,
center: Posicao,
icon: imagemPin,
title:"LUGAR",
zIndex: 3});
3ª - as info da janela
var textoInfo = "<img src='img/logo.png' style='width: 60%;'><p>Ola"+nome+", voce ta por aqui!</p>";
var infoLocal = new google.maps.InfoWindow({
content: textoInfo
});
4ª - aqui o evento quando eu clicar em um Marker
google.maps.event.addListener(Marker, "click", function() {
infoLocal.open(map,Marker);
});
//END MARKER
}
}
});