Javascript geocodificación de direcciones a números de latitud y longitud no funciona
Estoy usando la siguiente función de geocodificación para convertir una dirección textual en números de latitud y longitud, pero no está funcionando bien. La alerta escribe "indefinido".
¿Puede alguien decir lo que está mal?
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var geocoder = new google.maps.Geocoder();
var address = "new york";
geocoder.geocode( { 'address': address}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
var latitude = results[0].geometry.location.latitude;
var longitude = results[0].geometry.location.longitude;
alert(latitude);
}
});
</script>
3 answers
Intenta usar esto en su lugar:
var latitude = results[0].geometry.location.lat();
var longitude = results[0].geometry.location.lng();
Es un poco difícil navegar por la api de Google, pero aquí está la documentación relevante.
Una cosa que tuve problemas para encontrar fue cómo ir en la otra dirección. De coordenadas a una dirección. Aquí está el código que usé en upp. Por favor, no es que también utilice jquery.
$.each(results[0].address_components, function(){
$("#CreateDialog").find('input[name="'+ this.types+'"]').attr('value', this.long_name);
});
Lo que estoy haciendo es recorrer todos los address_components
devueltos y probar si sus tipos coinciden con cualquier nombre de elemento de entrada que tenga en un formulario. Y si lo hacen, valor del elemento al valor address_components
.
Si solo te interesa la dirección completa, puedes seguir El ejemplo de Google
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2011-05-13 06:39:24
Está accediendo a la latitud y longitud incorrectamente.
Intenta
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var geocoder = new google.maps.Geocoder();
var address = "new york";
geocoder.geocode( { 'address': address}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
var latitude = results[0].geometry.location.lat();
var longitude = results[0].geometry.location.lng();
alert(latitude);
}
});
</script>
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2012-07-12 13:24:29
La etiqueta de script de la api ha cambiado recientemente. Use algo como esto para consultar la API de geocodificación y recuperar el objeto JSON
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/geocode/json?address=THE_ADDRESS_YOU_WANT_TO_GEOCODE&key=YOUR_API_KEY"></script>
La dirección podría ser algo así como
1600+Amphitheatre+Parkway,+Mountain+View,+CA (Codificado en URI; deberías buscarlo en Google. Muy útil)
O simplemente
1600 Amphitheatre Parkway, Mountain View, CA
Introduciendo esta dirección https://maps.googleapis.com/maps/api/geocode/json?address=1600+Amphitheatre+Parkway,+Mountain+View,+CA&key=YOUR_API_KEY
dentro del navegador, junto con mi API Key , obtengo un objeto JSON que contiene la Latitud y longitud para la vista city of Moutain, CA.
{"results" : [
{
"address_components" : [
{
"long_name" : "1600",
"short_name" : "1600",
"types" : [ "street_number" ]
},
{
"long_name" : "Amphitheatre Parkway",
"short_name" : "Amphitheatre Pkwy",
"types" : [ "route" ]
},
{
"long_name" : "Mountain View",
"short_name" : "Mountain View",
"types" : [ "locality", "political" ]
},
{
"long_name" : "Santa Clara County",
"short_name" : "Santa Clara County",
"types" : [ "administrative_area_level_2", "political" ]
},
{
"long_name" : "California",
"short_name" : "CA",
"types" : [ "administrative_area_level_1", "political" ]
},
{
"long_name" : "United States",
"short_name" : "US",
"types" : [ "country", "political" ]
},
{
"long_name" : "94043",
"short_name" : "94043",
"types" : [ "postal_code" ]
}
],
"formatted_address" : "1600 Amphitheatre Pkwy, Mountain View, CA 94043, USA",
"geometry" : {
"location" : {
"lat" : 37.4222556,
"lng" : -122.0838589
},
"location_type" : "ROOFTOP",
"viewport" : {
"northeast" : {
"lat" : 37.4236045802915,
"lng" : -122.0825099197085
},
"southwest" : {
"lat" : 37.4209066197085,
"lng" : -122.0852078802915
}
}
},
"place_id" : "ChIJ2eUgeAK6j4ARbn5u_wAGqWA",
"types" : [ "street_address" ]
}],"status" : "OK"}
Web Frameworks como AngularJS nos permiten realizar estas consultas con facilidad.
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2015-09-10 09:01:28