¿Hay alguna manera de usar Google Maps para completar automáticamente una ubicación de usuario?

Question

Hay un cuadro de texto para que las personas escriban su ubicación. A medida que las personas escriben, deberían ver Google Map's Sugerir autocompletar.

Luego, una vez que seleccionan algo del autocompletado, me gustaría una alerta de lat/long.

¿Es posible utilizar Google Maps para estas 2 tareas?

Mi objetivo es obtener Lat/long de la persona, de la manera más sencilla posible. Idealmente ... ¿hay un complemento para hacer esto?

Answer 1

He configurado la demostración here. La funcionalidad de sugerencia está a cargo del plugin jquery Freebase.

<script type="text/javascript" src="./jquery-1.4.2.js"></script> 
<link type="text/css" rel="stylesheet" href="http://freebaselibs.com/static/suggest/1.3/suggest.min.css" /> 
<script type="text/javascript" src="http://freebaselibs.com/static/suggest/1.3/suggest.min.js"></script> 
<script type="text/javascript"> 
$(function() { 
    $("#address").suggest({type:'/location/citytown'}); 
}); 
</script> 

de se añaden usando v3 API de Google

var marker = new google.maps.Marker({ 
     position: latlng, 
     map: map, 
     zIndex: Math.round(latlng.lat()*-100000)<<5 
    }); 

Se añade la posición del marcador a la cadena de contenido de la infoWindow

infowindow.setContent("<h3>Markers "+(marker_id+1)+" "+marker.position+"</h3>"); 

El javascript completa se puede encontrar here El marcador

Answer 2

En términos de "complementos para hacer esto", los navegadores compatibles con HTML5 modernos tienen incorporado el geolocation API. Wikipedia article here.

YMMV

Answer 3

Se pueden utilizar los mapas de Google API de codificación geográfica:

http://code.google.com/apis/maps/documentation/javascript/reference.html#Geocoder

Y para un ejemplo sencillo en acción:

http://code.google.com/apis/maps/documentation/javascript/examples/geocoding-simple.html

Ese ejemplo no autocompletar mientras escriben, pero sería relativamente fácil extenderlo para hacerlo.

Answer 4

Google Maps API V3 hace esto realmente fácil. Usando el código fuente en this page, sólo tiene que encontrar la línea:

var place = autocomplete.getPlace(); 

y añadir éste justo después de que:

alert(place.geometry.location.toString()); 

Esto debe satisfacer tanto sus necesidades.