Google maps javascript
Ola pessoal
Eu tou a trabalhar com os mapas da google a criar pontos e a meter um info a cada um , eu vou buscar os pontos e a informação a base de dados e passo por array para o javascript . O meu problema e o seguinte como uso a mesma variável para colocar os pontos e como a informação usa um listener para cada ponto e eu uso a mesma variável da-me a mesma descrição em todos , eu nao sei muito de javascript e por isso que tou a pedir ajuda para saber como faço para meter cada informação no seu ponto .
Codigo
<script>
function initialize() {
//variáveis
var i, array_lat,array_long, string_arraylat,string_arraylong,string_conteudo,array_cont;
//recebe a string com elementos separados, vindos do PHP
string_arraylat = "<?php echo $string_arraylat; ?>";
string_arraylong = "<?php echo $string_arraylong; ?>";
string_conteudo = "<?php echo $string_cont; ?>";
//transforma esta string em um array próprio do Javascript
array_lat = string_arraylat.split("|");
array_long = string_arraylong.split("|");
array_cont =string_conteudo.split("|");
var mapOptions = {
//aproximidade do mapa
zoom: 7,
center: new google.maps.LatLng(39.557191, -7.8536599)
}
var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
var image = 'css/images/imagem.png';
// Criar Pontos
for (e in array_lat)
{
var myLatlng = new google.maps.LatLng(array_lat[e],array_long[e]);
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title: 'Hello World!',
icon: image
});
var infowindow = new google.maps.InfoWindow(), marker;
google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
infowindow.setContent(array_cont[e]);
infowindow.open(map, marker);
}
})(marker));
}
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
Obrigado
Discussão (1)
Carregando comentários...