Pasar variables API GOOGLE MAPS

[moisesra]

Hola a todos,

estoy intentando crear una funcion para pasarle las variables de longitud y latitud en los mapas pero no consigo como.

El problema es que todo lo cargo en la misma pagina, tengo el script facebox y dentro de este cargo el google maps, para que puedan verlo mejor les dejo un enlace de lo que tengo:

http://www.maxomotor.com/php/gasolineras.php

Lo que quiero hacer es que al pulsar en ver en el mapa es pasarle las variables que leo de la base de datos. El codigo que tengo es el siguiente:

Código PHP:

  <script type="text/javascript"> 
    jQuery(document).ready(function($) { 
      $('a[rel*=facebox]').facebox(); 
       
      $(document).bind('reveal.facebox', function() { 
        if (GBrowserIsCompatible()) { 
            var map = new GMap2(document.getElementById("map_canvas")); 
            map.setCenter(new GLatLng(28.364819, -14.153137), 9); 
            map.addControl(new GLargeMapControl()); 
            map.addControl(new GMapTypeControl()); 
            map.enableScrollWheelZoom(); 
 
          } 
      }) 
       
    }) 
    </script>  
  

Alguna solucion ??

[David]

Puedes guardar en un array las posiciones relativas a cada elemento. Y luego al mostrar el "facebox" obtener los datos del array para mostrar el mapa.

[moisesra]

Si, pero como actualizo para cada posicion, porque lo que pretendo es centrar la vista en la zona que esta situada cada elemento, mi intencion era intentar pasarle parametros cuando hago click en cada enlace pero no se como poder pasarselas y que se actualice.

[moisesra]

Ya he soluciona el problema, se puede ver aquí el resultado final:

http://www.maxomotor.com/php/gasolineras.php

lo que hice fue sacar la funcion que genera el mapa e integrarla en una nueva funcion que me permite pasarle las variables de latitud y longitud:

Código PHP:

      <script type="text/javascript"> 
    jQuery(document).ready(function($) { 
      $('a[rel*=facebox]').facebox(); 
       
    }) 
    function pasovariables(latitud, longitud){ 
      $(document).bind('reveal.facebox', function() { 
        if (GBrowserIsCompatible()) { 
            //var latitud = 28.364819; 
            //var longitud = -14.153137; 
            var map = new GMap2(document.getElementById("map_canvas")); 
            map.setCenter(new GLatLng(latitud, longitud), 16); 
            map.addControl(new GLargeMapControl()); 
            map.addControl(new GMapTypeControl()); 
            map.enableScrollWheelZoom(); 
            //añado marcas 
            var icon = new GIcon(); 
             icon.image = "/images/gasolinera.png"; 
               icon.iconSize = new GSize(40, 63); 
              icon.iconAnchor = new GPoint(20, 63); 
            //sombra 
            icon.shadow = "/images/gasolinera_sombra.png"; 
            var tamanoSombra = new GSize(80,63); 
            icon.shadowSize = tamanoSombra;  
              var latlng = new GLatLng(latitud,longitud); 
            map.addOverlay(new GMarker(latlng, icon)); 
             
 
          } 
      }) 
      } 
    </script>  
  

Saludos...

[fabayan]

Se podrá hacer esto sin necesidad de entrar en una bd? Es decir mandarle a la api por url variables como pais, ciudad y que la API las recoja para centrar el mapa en ese sitio?

[dvll]

Veo que no esta funcionando, lo que se me ocurre es pasarle los variables obtenidos de la BD por GET