api google maps Problema infowindow

**deb9** · 30-01-2013, 00:01

buonasera allora io ho una funzione che prende dati da un db e mostra la mappa con relativa infowindow. Il problema si pone quando ho piu marker infatti su tutti i marker ho l'infowindow relativa all'ultimo elemento.codice:

codice:

<script type="text/javascript"> 
 var trieste= new google.maps.LatLng(45.656528,13.778172); 
var marker;
 var map;
 var punto; 
var infowindow = new google.maps.InfoWindow();
 function initializza() { 	 
 var opzioni = { 	  
 center: trieste, 	   
zoom: 14, 	   
mapTypeId: google.maps.MapTypeId.ROADMAP 	  }; 	  
map = new google.maps.Map(document.getElementById("canvas_mappa"), opzioni); 	 	 
 <%  // aggiungiamo i markers via JSP 	for (String s: posizione)  { 	%> 	   
 punto = new google.maps.LatLng(<% out.print(s); %> ); 	       
 marker = new google.maps.Marker({ 
 map:map,           	          
position: punto, 
});     
<% for (String p: window){  %> 	  	         	       
 google.maps.event.addListener(marker, 'click', function() { 	        	        	
infowindow.setContent('<% out.print(p); %>'); 	        	
infowindow.open(map,this); 
  }); 	 
  <% }  }%>  } </script>

questo è il codice che non mi riconosce il ciclo for. Ah se metto la variable s al posto di p mi viene corretto.

**Andrea1979** · 30-01-2013, 00:12

potresti postare anche quello che arriva al browser (visualizza sorgente dal browser)?

**deb9** · 30-01-2013, 13:28

allora quello che arriva sono 2 stringhe che splitto.

codice:

<% String window[] = arr.split(":");
String posizione[] = pippo.split(" ");

quindi arrivano questi 2 array posizione lo uso per avere dati latitudine e longitudine mentre window mi da il fumetto che deve uscire ma viene fuori solo l'ultimo dato dell'array window.Quindi è un problema del ciclo for ma non so dove.

**Andrea1979** · 30-01-2013, 13:50

no no, a parte quello che hai postato, che cosa vede il browser?

**deb9** · 30-01-2013, 20:07

no scusami ma non capisco vuoi che scrivo tutto il codice??
Scusa se rispondo tardi ma oggi è una brutta giornata .

**deb9** · 31-01-2013, 16:10

up ci sei andrea???
sono andato fuori tema???

**Andrea1979** · 31-01-2013, 17:05

no no, non sei andato fuori tema... ero io che ero fuori.
Allora, mi serve di vedere il codice javascript così come arriva alla pagina, ovvero dopo l'elaborazione. Per ottenerlo, una volta caricata la tua jsp nel browser dovresti ricopiare il codice html e incollarlo qui... almeno le parti salienti, ovvero quelle del tag script in cui JSP genera codice. Oltre, ovviamente, al codice JSP, ma quello dovresti già averlo postato.

**deb9** · 31-01-2013, 17:20

codice:

<style type="text/css"> 
html { height: 100% }
 body { height: 100%; margin: 0; padding: 0 }
 #canvas_mappa { height: 100% } 
</style> 
<script src="https://maps.googleapis.com/maps/api/js?;key=AIzaSyC5lvGGdwb7eYXX-KmoOzXvK3d_OiyRN7s&sensor=false"></script>
 <script>
 var trieste = new google.maps.LatLng(45.652448,13.777714); 
var marker;
 var map;
 function inizializza() { 
var mapOptions = { 
zoom: 15, mapTypeId:
 google.maps.MapTypeId.ROADMAP,
 center: trieste };
 map = new google.maps.Map(document.getElementById('canvas_mappa'),
 mapOptions);
 <% for (String s: LatLng){%> 
var punto = new google.maps.LatLng(<%out.print(s);%>); 
marker = new google.maps.Marker({ map:map, position: punto });
 <%for (String g :window){%>
 var infowindow = new google.maps.InfoWindow({}); google.maps.event.addListener(marker, 'click', function() { infowindow.setContent('<%out.print(g);%>');
 infowindow.open(map,this); });
 <% }  } %> } 
</script>
 </head> 
<body onload="inizializza()"> <div id="canvas_mappa" style="width: 100%; height: 100%"></div> </body> 
<%utente.disconnetti(); %>
 </body>
 </html>

questa è tutta la parte scritta in js e html per il resto prelevo tramite un bean i dati dal db.
Il problema è il ciclo for delle infowindow mi torna solo L'ULTIMO DATO.
GRAZIE gia da subito.

**Andrea1979** · 31-01-2013, 18:18

Ok fin qua ci siamo. Adesso carica la pagina in un browser e dal browser stesso copia il codice html

**deb9** · 31-01-2013, 18:51

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Mappa</title>
 </head>
 tipo :via 

 nome :******

 numero :
 
 località :*****
 
 nome+numero+localita 1 

 nome+numero+localita 2
<style type="text/css"> 
html { height: 100% } 
body { height: 100%; margin: 0; padding: 0 } 
#canvas_mappa { height: 100% }
 </style>
 <script src="https://maps.googleapis.com/maps/api/js?;key=&sensor=false"></script>
 <script>
 var centro = new google.maps.LatLng(45.652448,13.777714); 
var marker;
 var map;
 function inizializza() { 
var mapOptions = { 
zoom: 15, 
mapTypeId: google.maps.MapTypeId.ROADMAP,
 center: centro };
 map = new google.maps.Map(document.getElementById('canvas_mappa'),
 mapOptions);
 var punto = new google.maps.LatLng(45.655463,13.772607);
 marker = new google.maps.Marker({ map:map, position: punto,
 html: 'nome+numero+localita 1 ' });
 var punto = new google.maps.LatLng(45.655463,13.772607); 
marker = new google.maps.Marker({ map:map,
 position: punto,
 html: 'nome+numero+localita 2' }); 
var infowindow = new google.maps.InfoWindow({ content: ''}); google.maps.event.addListener(marker, 'click', function() { infowindow.setContent(this.html);
 infowindow.open(map,this); });
 var punto = new google.maps.LatLng(45.655418,13.773079);
 marker = new google.maps.Marker({ map:map,
 position: punto,
 html: 'nome+numero+localita 1 ' });
 var punto = new google.maps.LatLng(45.655418,13.773079);
 marker = new google.maps.Marker({ map:map,
 position: punto,
 html: 'nome+numero+localita 2 ' });
 var infowindow = new google.maps.InfoWindow();
 google.maps.event.addListener(marker, 'click', function() { infowindow.setContent(this.html);
 infowindow.open(map,this); }); } 
</script>
 </head> 
<body onload="inizializza()"> <div id="canvas_mappa" style="width: 100%; height: 100%"></div>
 </body> 
</html>

è un pò modificato ho aggiunto html per usare il this ma rimane uguale.
il numero non c'è mentre gli latri dati sono inseriti .scusa ma utilizzo dati a caso e non voglio metterli quindi metto *.

Discussione: api google maps Problema infowindow

Strumenti discussione

Ricerca discussione

Visualizza

api google maps Problema infowindow

Permessi di invio