Ver Mensaje Individual
  #28 (permalink)  
Antiguo 12/11/2012, 13:17
carlosuc99
 
Fecha de Ingreso: junio-2011
Mensajes: 342
Antigüedad: 12 años, 10 meses
Puntos: 5
Exclamación Respuesta: For PHP en API Google Maps

Bueno,

Ahora he vuelto a lo del principio:

Tengo este código:

Código Javascript:
Ver original
  1. <?php
  2.  
  3. $query = mysql_query("SELECT * FROM Airports") or die('No se ha podido encontrar el origen');
  4.  
  5. ?>
  6.     <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
  7. <style type="text/css">
  8.   html { height: 100% }
  9.   body { height: 100%; margin: 0px; padding: 0px }
  10.   #map_canvas { height: 100% }
  11. </style>
  12. <script type="text/javascript"
  13.     src="http://maps.google.com/maps/api/js?sensor=false&amp;language=es">
  14. </script>
  15. <script type="text/javascript">
  16.  
  17.  
  18. window.onload = function () {
  19.   var options = {
  20.     zoom: 5,
  21.     center: new google.maps.LatLng(40.84706, -2.944336),
  22.     mapTypeId: google.maps.MapTypeId.ROADMAP
  23.   };
  24.  
  25.   map = new google.maps.Map(document.getElementById('map_canvas'), options);
  26.  
  27.  
  28.   <?php
  29.         for($i = 0; $i < mysql_num_rows($query); $i++){
  30.             $lat = mysql_result($query, $i, 'Lat');
  31.             $lon = mysql_result($query, $i, 'Lon');
  32.             $icao = mysql_result($query, $i, 'ICAO');
  33.             $city = mysql_result($query, $i, 'City');
  34.         ?>
  35.   var image = 'http://mapicons.nicolasmollet.com/wp-content/uploads/mapicons/shape-default/color-d22328/shapecolor-color/shadow-1/border-dark/symbolstyle-white/symbolshadowstyle-dark/gradient-no/airport.png';
  36.   var latLonCenter = new google.maps.LatLng(<?php echo $lat; ?>, <?php echo $lon; ?>);
  37.   marker = new google.maps.Marker({
  38.     position: latLonCenter,
  39.     map: map,
  40.     draggable: false,
  41.     icon: image,
  42.     title: '<?php echo $icao; ?> - <?php echo $city; ?>'
  43.   });
  44.  
  45.  
  46.     var Airport1 = '<h3 align="center" style="font-family:Arial, Helvetica, sans-serif"><?php echo $icao; ?> - <?php echo $city; ?></h3>';
  47.    
  48.     var infowindow = new google.maps.InfoWindow({
  49.     content: Airport1
  50.     });
  51.  
  52.     google.maps.event.addListener(marker, 'click', function() {
  53.     infowindow.open(map,marker);
  54.     });
  55.  
  56. <?php } ?>
  57.  
  58. }
  59. </script>
  60.   </head>
  61.  
  62.   <body>
  63.     <center><div id="map_canvas" style="width:650px; height:360px;"></div></center>
  64.   </body>

Me muestra todos los aeropuertos (lo que demuestra que la consulta a la db está OK), pero al pulsar siempre me sale el InfoWindow de Valencia, pulse en Madrid, Barcelona o Valencia y no se me despliega el de cada uno.