ho il file cars.js da cui estraggo le informazioni e
ho la mia pagina creata da me ,in cui le informazioni sono estratte con successo e i marker posizionati sulla mappa secondo le coordinate estratte dal file,ma con le informazioni che spuntano dal marker al passaggio del click del mouse sopra,le informazioni non escono,cosa sbaglio? e soprattutto come posso far scorrere nel ciclo anche delle foto indicizzate da 0 a 9 contunte in una cartella a parte? grazie
codice:
<html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <title>Google maps</title> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> <script type="text/javascript" charset="utf-8" src="http://code.jquery.com/jquery.min.js"></script> <script type="text/javascript"> window.onload = function(){ $.getJSON( "cards.js", function (data) { var cards = data; var len = cards.length; // imposta le opzioni di visualizzazione var options = { zoom: 4, center: new google.maps.LatLng(cards[0].Latitude,cards[0].Longitude), mapTypeId: google.maps.MapTypeId.SATELLITE }; // crea l'oggetto mappa var map = new google.maps.Map(document.getElementById('map'), options); var marker = new Array(); var infowindow = new Array(); for (a=0; a<cards.length; a++){ marker[a] = new google.maps.Marker({ position: new google.maps.LatLng(cards[a].Latitude,cards[a].Longitude), map: map, title: cards[a].PropertyName }); infowindow[a] = new google.maps.InfoWindow({ content: '[img]slide/'+a+'.jpg[/img]'+ '<div id="tooltip">'+ '

'+cards[a].PropertyName+'
'+ 'city: '+cards[a].City+'
'+ 'description: '+cards[a].Description+'</p>'+ '</div>' }); google.maps.event.addListener(marker[a], 'click', function() { infowindow[a].open(map,marker[a]); }); } }); } </script> </head> <body style="margin:0; padding:0;"> <div id="map" style="width:100%; height:100%"></div> </body> </html>