geocoding con la api de google maps

brainstorm · #1 (**permalink**) 09/07/2006, 03:55

Hola a todos
Primero quiero disculparme si este no es el foro mas adecuado para mi pregunta pero ahi va...

Cojiendo el ejemplo de la api de Google Maps como se puede hacer para que en vez de al abrir la pagina aparezca el mapa con toda la tierra (las coordenadas marcadas por defecto), aparezca diretamente la direccion del enlaze que figura debajo del mapa.

Os dejo el codigo que propone Google

Gracias de antemano.

PD: Si es imposible porque Google no lo permite agradeceria que me lo dijerais tambien.

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

  <head>

    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>

    <title>Google Maps JavaScript API Example</title>

    <script src="http://maps.google.com/maps?file=api&amp;v=2.x&amp;key=ABQIAAAAtOjLpIVcO8im8KJFR8pcMhQjskl1-YgiA_BGX2yRrf7htVrbmBTWZt39_v1rJ4xxwZZCEomegYBo1w" 

            type="text/javascript"></script>

    <script type="text/javascript">

    //<![CDATA[

 
    var map;

    var geocoder;

 
    function load() {

      map = new GMap2(document.getElementById("map"));

      map.setCenter(new GLatLng(34, 0), 1);

      geocoder = new GClientGeocoder();

    }

 
    function addAddressToMap(response) {

      map.clearOverlays();

      if (!response || response.Status.code != 200) {

        alert("Sorry, we were unable to geocode that address");

      } else {

        place = response.Placemark[0];

        point = new GLatLng(place.Point.coordinates[1],

                            place.Point.coordinates[0]);

        marker = new GMarker(point);

        map.addOverlay(marker);

        marker.openInfoWindowHtml(place.address + '<br>' +

          '<b>Country code:</b> ' + place.AddressDetails.Country.CountryNameCode);

      }

    }

 
    // showLocation() is called when you click on the Search button

    // in the form.  It geocodes the address entered into the form

    // and adds a marker to the map at that location.

    function showLocation() {

      var address = document.forms[0].q.value;

      geocoder.getLocations(address, addAddressToMap);

    }

 
   // findLocation() is used to enter the sample addresses into the form.

    function findLocation(address) {

      document.forms[0].q.value = address;

      showLocation();

    }

    //]]>

    </script>

  </head>

 
  <body onload="load()">

 
    <!-- Creates a simple input box where you can enter an address

         and a Search button that submits the form. //-->

    <form action="#" onsubmit="showLocation(); return false;">

      <p>

        <b>Search for an address:</b>

        <input type="text" name="q" value="" class="address_input" size="40" />

        <input type="submit" name="find" value="Search" />

      </p>

    </form>

    <div id="map" style="width: 500px; height: 300px"></div>

 
 
 
   <a href="javascript:void(0)"

     onclick="findLocation('Plaza de la Virgen de los Reyes, 41920, Sevilla, Espa&#x00F1;a');return false;">Plaza

     de la Virgen de los Reyes, 41920, Sevilla, <b>Espa&#x00F1;a</b></a>

  </p>

  </body>

</html>

Davidhh · #2 (**permalink**) 08/03/2008, 20:59

Hola

en tu ejemplo no has establecido las coordendas para que el mapa se centre en donde tu quieres que lo haga

map.setCenter(new GLatLng(34, 0), 1);

yo lo hice estableciendo variables para pasr lsa coordenadas desde otra pagina
algo similar a esto:

var lat = ""parametro de las coordenadas de latitud"";
var lng = ""parametro de las coordenadas de longitud"";

map.setCenter(new GLatLng(lat,lng), 15);

de esta forma el mapase centra en esas coordenadas ademas tienes que elegir un buen nivel de zoom yo he utilizado el 15

no se si a esto te refieras
de cualquier forma espero que a alguien le sea util

saludos.