Ver Mensaje Individual
  #1 (permalink)  
Antiguo 09/11/2015, 14:26
mblascog
 
Fecha de Ingreso: enero-2002
Ubicación: Sabadell
Mensajes: 565
Antigüedad: 22 años, 3 meses
Puntos: 4
Cargar mapa google maps

Buenas,
He buscado por Internet, hay mucho pero no encuentro la manera de visualizar el mapa a partir de una dirección:

En la página tengo un php include:

Código PHP:
Ver original
  1. <?php include("inc_googlemaps.php"); ?>

Y en este include hay el siguiente código:

Código PHP:
Ver original
  1. <?php include "inc_googlemapsClau.php";  ?>
  2.  
  3. <script>
  4.     //Declaramos las variables que vamos a user
  5.     var geocoder = null;
  6.     var map = null;
  7.     var marker = null;
  8.    
  9.     initialize();
  10.    
  11.     function initialize() {
  12.         geocoder = new google.maps.Geocoder();
  13.         codeAddress();
  14.         //Si hay valores creamos un objeto Latlng
  15.         if(lat !='' && lng != '') {
  16.             var latLng = new google.maps.LatLng(lat,lng);
  17.         } else {
  18.             //Si no creamos el objeto con una latitud cualquiera como la de Mar del Plata, Argentina por ej
  19.             var latLng = new google.maps.LatLng(37.0625,-95.677068);
  20.         }
  21.         //Definimos algunas opciones del mapa a crear
  22.         var myOptions = {
  23.             center: latLng,//centro del mapa
  24.             zoom: 15,//zoom del mapa
  25.             mapTypeId: google.maps.MapTypeId.ROADMAP //tipo de mapa, carretera, híbrido,etc
  26.         };
  27.         //creamos el mapa con las opciones anteriores y le pasamos el elemento div
  28.         map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
  29.        
  30.         //creamos el marcador en el mapa
  31.         marker = new google.maps.Marker({
  32.         map: map,//el mapa creado en el paso anterior
  33.         position: latLng,//objeto con latitud y longitud
  34.         draggable: true //que el marcador se pueda arrastrar
  35.         });
  36.     }
  37.    
  38.    
  39.     function codeAddress() {  
  40.         var address = "Sant Vicenç, 12, Sabadell, España";
  41.         //hago la llamada al geodecoder
  42.         geocoder.geocode( { 'address': address}, function(results, status) {
  43.             //si el estado de la llamado es OK
  44.             if (status == google.maps.GeocoderStatus.OK) {
  45.                 //centro el mapa en las coordenadas obtenidas
  46.                 map.setCenter(results[0].geometry.location);
  47.                 //coloco el marcador en dichas coordenadas
  48.                 marker.setPosition(results[0].geometry.location);
  49.                 //actualizo el formulario      
  50.                 updatePosition(results[0].geometry.location);
  51.                
  52.                 //Añado un listener para cuando el markador se termine de arrastrar
  53.                 //actualize el formulario con las nuevas coordenadas
  54.                 google.maps.event.addListener(marker, 'dragend', function(){
  55.                 updatePosition(marker.getPosition());
  56.                 });
  57.             } else {
  58.                 //si no es OK devuelvo error
  59.                 alert("No podemos encontrar la direcci&oacute;n, error: " + status);
  60.             }
  61.         });
  62.     }
  63. </script>

inc_googlemapsClau.php, contiene:

Código PHP:
Ver original
  1. <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=MI CLAVE" type="text/javascript"></script>

Alguna sugerencia. Gracias
__________________
Qué fácil cuando lo sabes y qué difícil cuando no