Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

MasterKillme

Google maps javascript

Recommended Posts

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

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.