Google maps y for PHP

[carlosuc99]

Iniciado por quinqui

Mmh, ahora que veo con calma tu código, la verdad es que nunca trabajé esta api de esa forma, por eso no resulta muy compatible lo que te digo yo ahora con lo que tú tienes... Pero en fin, igual se puede.

Dices que con los markers no tienes problemas, o sea, que se muestran en el mapa, cierto? Ahora bien, se me ocurre que, e insisto, debes trabajar tanto markers como polylines en arrays javascript.

Me explico. Cuando recorres el ciclo que declara los markers, efectivamente los estás generando uno a uno y a medida que los declaras, aparecen en el mapa, por lo que cuando usas la misma variable javascript para generar otro, no hay peligro que pise los anteriores, porque ya están agregados al mapa, no?

Sin embargo, no ocurre lo mismo con las polylines, ya que no las estás mostrando a medida que las generas, sino que las dejas asociadas al evento click de cada marker. Pero como no hay ningún marker en memoria javascript (salvo el último del ciclo), pues las polilíneas sólo se asocian al último marker. Por eso, te digo trabajar con arrays, porque así la polilínea en la posición 10 va a estar asociada al marker de la posición 10, y así, etc.

En el código de mi último post, sólo tendrías que declarar el array de markers antes del ciclo donde imprimes los mismos.

Código PHP:

 // declaras el array de markers javascript 
var markers = new Array(); 
<?php   
// con php llenas este array en el ciclo for 
?> 
 
// declaras el array de lineas javascript 
var polylines = new Array(); 
<?php   
// con php llenas este array en el ciclo for 
?>   

La verdad, es que siguiendo el curso de tu código, en vez de hacer una consulta para obtener las polilíneas, mejor recorres de nuevo el arreglo de markers (o sea, lo generas en javascript, pero también puedes dejar tu copia de seguridad en php en el mismo ciclo), y entonces, por cada marker haces efectivamente la consulta de su polilínea (porque creo que de hecho algo así haces, no?); de este modo, estás seguro que la posición en el array siempre va a ser la correspondiente.

Saludos!

Que va, aquí el error viene de antes los marker tampoco funcionan. Realmente si solo hay una entrada en la tabla si. Pero como haya dos solo muestra la primera.

Llego a este código:

Código PHP:

<?php
include('db_login.php');
      
      $connection = mysql_connect($db_host, $db_username, $db_password);
      if (!$connection){
      die ("Eror connecting database: <br/>". mysql_error());
      } 
    
      $db_select = mysql_select_db($db_database);
      if (!$db_select){
      die ("Database Error: <br/>". mysql_error());
      }
 
$query = mysql_query("SELECT * FROM routes"); 
 
?> 
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 
<style type="text/css"> 
  html { height: 100% } 
  body { height: 100%; margin: 0px; padding: 0px } 
  #map_canvas { height: 100% } 
</style> 
<script type="text/javascript" 
    src="http://maps.google.com/maps/api/js?sensor=false&amp;language=es"> 
</script> 
<script type="text/javascript"> 
 
 
window.onload = function () {
  var options = {
    zoom: 5,
    center: new google.maps.LatLng(40.84706, -2.944336),
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
 
  map = new google.maps.Map(document.getElementById('map_canvas'), options);
  var markers   = new Array();
  var infowindow2   = new Array();
  var PolyLines = new Array();
  
  <?php 
        for($i = 0; $i < mysql_num_rows($query); $i++){
            $icao = mysql_result($query, $i, 'from');
            $query = mysql_query("SELECT * FROM airports WHERE icao='$icao'");
            $latitude = mysql_result($query, 0, 'latitude');
            $longitude = mysql_result($query, 0, 'longitude'); 
            $city = mysql_result($query, 0, 'city'); 
        ?> 
  var Airport1 = '<h3 align="center" style="font-family:Arial, Helvetica, sans-serif"><?php echo $icao; ?> - <?php echo $city; ?></h3>';
  var image = 'http://i46.tinypic.com/33zbm09.png';
  var latLonCenter = new google.maps.LatLng(<?php echo $latitude; ?>, <?php echo $longitude; ?>);
  marker = new google.maps.Marker({
    position: latLonCenter,
    map: map,
    draggable: false,
    icon: image,
    title: '<?php echo $icao; ?> - <?php echo $city; ?>',
    Airport1: Airport1
  });
 
    markers[<?php print $i; ?>] = marker;
    
    var infowindow = new google.maps.InfoWindow({
    content: Airport1
    });
 
 
    google.maps.event.addListener(marker, 'click', function () {
      var n = 1;
      var infowindow = new google.maps.InfoWindow({
        content: "",
        maxWidth: 320,  
        zIndex: n 
      });
      
      infowindow[2<?php print $i; ?>] = infowindow;
      
      infowindow2[<?php print $i; ?>].setContent(this.Airport1);
      infowindow2[<?php print $i; ?>].setZIndex(n++);  // superpone el último infowindows
      infowindow2[<?php print $i; ?>].open(map, this);
    });
    
    <?php
    $query = mysql_query("SELECT * FROM routes WHERE from='$icao'");
    
    
    for($i = 0; $i < mysql_num_rows($query); $i++){
    $destination = mysql_result($query, $i, 'to');
    $query = mysql_query("SELECT * FROM airports WHERE icao='$destiantion'");
    $latitudeD = mysql_result($query, 0, 'latitude');
    $longitudeD = mysql_result($query, 0, 'longitude'); 
    ?>
    
    var linea = new google.maps.Polyline({
        strokeColor: "#FF0000",
        strokeOpacity: 2.0,
        strokeWeight: 2
    });
 
    PolyLines[<?php print $i; ?>] = linea;
 
    var polyCords = [
    new google.maps.LatLng(<?php echo $latitude; ?>, <?php echo $longitude; ?>),
    new google.maps.LatLng(<?php echo $latitudeD; ?>, <?php echo $longitudeD; ?>)
    ];
    
 
    google.maps.event.addListener(marker, 'click', function() {
 
 
    PolyLines[<?php print $i; ?>].setPath(polyCords);
 
    PolyLines[<?php print $i; ?>].setMap(map);
    });
 
<?php } } ?>
 
 
 
}
</script> 
  </head>
  
  <body> 
    <center><div id="map_canvas" style="width:850px; height:560px;"></div></center> 
  </body>
 

El problema de este código es que directamente solo me muestra el marker de la primera entrada de la tabla y que no me muestra el infowindow de ninguna. Además las polyline siguen igual.