Ver Mensaje Individual
  #4 (permalink)  
Antiguo 06/07/2011, 13:38
pleter
 
Fecha de Ingreso: julio-2009
Ubicación: Argentinalandia
Mensajes: 339
Antigüedad: 14 años, 8 meses
Puntos: 15
Respuesta: Google Maps en WP para mostrar direccion

Solucion
Dejo la solucion a modo de bitacora para cualquiera que lo necesite

Simplemente coloque este codigo donde quieran que aparezca el mapa

Simplemente coloquen su API de Google Maps y en direccion coloquen ladireccion que quieren mostrar, en mi caso, coloco la funcion PHP que devuelve la direccion

Código PHP:
    <script type="text/javascript" src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ACALAAPIDEGOOGLEMAP"></script>
    <script type="text/javascript">
     var direccion      = "<?php echo $direccion ?>";
     var direccion2     = "";
     var textInfoWindow = '';
     var coord1         = "";
     var coord2         = "";
     var levelZoom      = 15;
     var showControls   = true;
     var showMarker     = true;

     var map      = null;
     var geocoder = null;

     //----------------------------------------------------
     function loadMap()
     {
       map = new GMap2(document.getElementById("map"));

       // Tools
       if(showControls) {
          map.addControl(new GLargeMapControl());
          map.addControl(new GMapTypeControl());
       }

       //
       geocoder = new GClientGeocoder();
       //map.clearOverlays();

       if(coord1 && coord1) {
          addCoordToMap();
       }
       else if(direccion)   {
          geocoder.getLocations(direccion, addAddressToMap);
       }
       else {
          alert("Error: dirección vacía.");
          return;
       }
     }
     //----------------------------------------------------
     function addAddressToMap(response)
     {
       if(!response || response.Status.code != 200) {
         //alert("KO: "+direccion);

         if(direccion == direccion2) {
            map.setCenter(new GLatLng(40, -3), 5);
         }
         // Dirección alternativa
         else if(direccion2 != '') {
            direccion = direccion2;
            loadMap();
         }
         else {
            map.setCenter(new GLatLng(40, -3), 5);
         }
       }
       else {
         //alert("OK: "+direccion);
         place = response.Placemark[0];

         // Situar mapa
         map.setCenter(new GLatLng(place.Point.coordinates[1], place.Point.coordinates[0]), levelZoom);

         // Marcador
         if(showMarker) {
            var point = new GLatLng(place.Point.coordinates[1], place.Point.coordinates[0]);
            map.addOverlay(new GMarker(point));
         }

         // Text info
         if(textInfoWindow) map.openInfoWindowHtml(map.getCenter(), textInfoWindow);
       }
     }
     //----------------------------------------------------
     function addCoordToMap()
     {
       map.setCenter(new GLatLng(coord1, coord2), levelZoom);

       // Marcador
       if(showMarker) {
          var point = new GLatLng(coord1, coord2);
          map.addOverlay(new GMarker(point));
       }
       
       // Text info
       if(textInfoWindow) map.openInfoWindowHtml(map.getCenter(), textInfoWindow);
     }
     //----------------------------------------------------
    </script>
    <div id="map" style="border: 1px solid #999; width:669px; height:210px"></div>
    <script>window.onload=loadMap;</script>
Gracias a todos por entrar aunque sea a leer y espero que le sirva a alguien mas que lo ande buscando

Saludos!!!
__________________
Mi Perfil y Blog estan en Yeow.com.ar ✰✰✰✰✰
Pero en WONDED.COM estan Mis Proyectos OpenSource ;-)