Duda con API de GoogleMaps

[Anarninquë]

No tengo basta experiencia con Google Maps, pero conozco "lo básico" pero ahora me enfrento a la siguiente situación: debo posicionar ciertas direcciones en un google map, el código que utilizaba (para definir cada punto) era algo así:

Código PHP:

  <?php
   $k = 0;
    while($campo = mysql_fetch_assoc($query)){
      $k++;
?>
var address<?php echo $k; ?> = "<?php echo $direccion.', '.$zona; ?>";

geocoder.getLatLng(address<?php echo $k; ?>,
   function showLocation(point){
      var marker = new GMarker(point);
      map.addOverlay(marker);

      // Etiqueta
      var label = "etiqueta con datos y demas...";
      GEvent.addListener(marker, "click",
         function showLabel(){marker.openInfoWindowHtml(label);});
      });

<?php } ?>   

Pero el problema es que esto no está funcionando cuando las direcciones son muchas (más de 100 o 200)... supongo que al JS no le da para procesar (al menos de esta forma) ese número de direcciones y agregar todos los pointers en el mapa...

Hay alguna forma mejor de hacer esto? Alguna sugerencia/comentario?

Muchas gracias!

[Anarninquë]

O sea, explicando un poco el código:

Luego de definir el mapa y demas, lo que hago es un while en PHP que va creando variables del tipo address1, address2, address3, .... addressN y a cada una le asigna una "dirección, ciudad" para luego con getLatLng asignarle unas latitudes en el mapa.


Pero esto falla cuando se trata de muchas direcciones...
Cualquier ayuda es bien bienvenida ;)

[David]

En primer lugar, puedes optimizar el código Javascript de esta manera:

Código PHP:

<?php
    $addresses = array();
    while($campo = mysql_fetch_assoc($query)){
        $addresses[] = "$direccion, $zona";
    }
    if (count($addresses) > 0) {
?>
var addresses = <?php json_encode($addresses); ?>;
 
function showLocation(point) {
    var marker = new GMarker(point);
    map.addOverLay(marker);
 
    // Etiqueta
    GEvent.addListener(marker, "click", function (){
        var label = "etiqueta con datos y demas...";
        this.openInfoWindowHtml(label);
    });
}
 
for (i = 0; i < addresses.length; i++) {
    geocoder.getLatLng(addresses[i], showLocation);
}
<?php } ?>
 

Otra sugerencia es almacenar en la base de datos una caché de las coordenadas de las direcciones, de modo que no tengas que llamar a getLatLng() cada vez que se carga la página.

[Anarninquë]

Gracias David por tu respuesta y por tu sugerencia :)

El problema que note es que yo necesito que la etiqueta (label) varíe en cada caso... pero se me ocurre que podría hacerlo pasando como parámetro el contenido de label, no?
Aunque cómo lo haría? simplemente pasandolo entre paréntesis así:

Código PHP:

  function showLocation(point, contenidoLabel) { 
    var marker = new GMarker(point); 
    map.addOverLay(marker); 
  
    // Etiqueta 
    GEvent.addListener(marker, "click", function (){ 
        var label = contenidoLabel; 
        this.openInfoWindowHtml(label); 
    }); 
} 
  
for (i = 0; i < addresses.length; i++) { 
    geocoder.getLatLng(addresses[i], showLocation(this, "texto de la etiqueta")); 
}  
   

[David]

¿Varía en base a qué precisamente?

[Anarninquë]

A cada marcador... o sea cada dirección tiene un nombre y datos asociados que van en la label... se entiende?

[David]

Puedes crear una función anónima para el caso:

Código Javascript:

geocoder.getLatLng(addresses[i], function() {
    showLocation(this, "texto de la etiqueta");
});
 

Sólo ten en cuenta que cuando se ejecuta esa parte del código, los registros ya terminaron de recorrerse. Si la etiqueta está en la base de datos, debes hacer algo parecido a lo que indiqué con $addresses.

[Anarninquë]

Muchas gracias David, sirvió. Pero al aumentar el número de registros, sigue dando problemas :S

No da error ni nada, pero carga un X número (unos 50) y luego se queda... :(
Lo que estuve viendo es que se puede cargar desde un XML previamente generado con PHP... quizá eso sea lo más estable, has trabajado de esa forma alguna vez!?


Muchas gracias por tu ayuda, lo valoro mucho!

[David]

¿Y qué tal si guardas en tu base de datos las coordenadas de la dirección? Eso aumentaría en gran manera el rendimiento. Ya que cada vez que llamas a getLatLng() se tiene que hacer una petición a los servidores de Google, eso es un problema cuando son muchas direcciones como en tu caso.

[Anarninquë]

Y tu crees que eso solucionaría el tema?
Digo porque debería reestructurar la BBDD y todo lo que eso implica al agregar y editar datos... pero puede ser una buena opción si pudiera solucionar de esa forma...

Crees que teniendo las coordenadas aliviaría tanto?

[David]

De que aumentará de forma importante el rendimiento, es seguro.

De todos modos, puedes crear una tabla adicional (de relación uno a uno) para realizar pruebas y ver si te convence el resultado.

[Anarninquë]

Excelente muchas gracias por el tip, voy a hacer algunas pruebas al respecto...

Por cierto, encontré también un tutorial sobre lo de importar un XML que comentaba el otro día, ese será mi "plan B"... http://code.google.com/intl/es/apis/...hpsqlajax.html