Solución:
Lo que busca se llama codificación geográfica inversa. Google proporciona un servicio de codificación geográfica inversa del lado del servidor a través de la API de codificación geográfica de Google, que debería poder utilizar para su proyecto.
Así es como se vería una respuesta a la siguiente solicitud:
http://maps.googleapis.com/maps/api/geocode/json?latlng=40.714224,-73.961452&sensor=false
Respuesta:
{
"status": "OK",
"results": [ {
"types": [ "street_address" ],
"formatted_address": "275-291 Bedford Ave, Brooklyn, NY 11211, USA",
"address_components": [ {
"long_name": "275-291",
"short_name": "275-291",
"types": [ "street_number" ]
}, {
"long_name": "Bedford Ave",
"short_name": "Bedford Ave",
"types": [ "route" ]
}, {
"long_name": "New York",
"short_name": "New York",
"types": [ "locality", "political" ]
}, {
"long_name": "Brooklyn",
"short_name": "Brooklyn",
"types": [ "administrative_area_level_3", "political" ]
}, {
"long_name": "Kings",
"short_name": "Kings",
"types": [ "administrative_area_level_2", "political" ]
}, {
"long_name": "New York",
"short_name": "NY",
"types": [ "administrative_area_level_1", "political" ]
}, {
"long_name": "United States",
"short_name": "US",
"types": [ "country", "political" ]
}, {
"long_name": "11211",
"short_name": "11211",
"types": [ "postal_code" ]
} ],
"geometry": {
"location": {
"lat": 40.7142298,
"lng": -73.9614669
},
"location_type": "RANGE_INTERPOLATED",
"viewport": {
"southwest": {
"lat": 40.7110822,
"lng": -73.9646145
},
"northeast": {
"lat": 40.7173774,
"lng": -73.9583193
}
}
}
},
... Additional results[] ...
También puede optar por recibir la respuesta en xml en lugar de json, simplemente sustituyendo json por xml en el URI de la solicitud:
http://maps.googleapis.com/maps/api/geocode/xml?latlng=40.714224,-73.961452&sensor=false
Hasta donde yo sé, Google también devolverá el mismo nombre para los componentes de dirección, especialmente para nombres de alto nivel como nombres de países y nombres de ciudades. No obstante, tenga en cuenta que, si bien los resultados son muy precisos para la mayoría de las aplicaciones, es posible que encuentre errores ortográficos ocasionales o resultados ambiguos.
Tienes una respuesta básica aquí: obtén el nombre de la ciudad usando la geolocalización
Pero para lo que estás buscando, te lo recomiendo de esta manera.
Solo si también necesita Administrative_area_level_1, para almacenar diferentes cosas para París, Texas, EE. UU. Y París, Ile-de-France, Francia y proporcionar una reserva manual:
–
Hay un problema en el camino de Michal, ya que toma el primer resultado, no uno en particular. El usa resultados[0]. La forma que creo conveniente (acabo de modificar su código) es tomar SÓLO el resultado cuyo tipo es “localidad”, que siempre está presente, incluso en un eventual retroceso manual en caso de que el navegador no admita la geolocalización.
A su manera: los resultados obtenidos son diferentes de usar http://maps.googleapis.com/maps/api/geocode/json?address=bucharest&sensor=false que de usar http://maps.googleapis.com/maps/api/geocode /json?latlng=44.42514,26.10540&sensor=false (búsqueda por nombre / búsqueda por lat y lng)
De esta manera: los mismos resultados obtenidos.
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Reverse Geocoding</title>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var geocoder;
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(successFunction, errorFunction);
}
//Get the latitude and the longitude;
function successFunction(position) {
var lat = position.coords.latitude;
var lng = position.coords.longitude;
codeLatLng(lat, lng)
}
function errorFunction(){
alert("Geocoder failed");
}
function initialize() {
geocoder = new google.maps.Geocoder();
}
function codeLatLng(lat, lng) {
var latlng = new google.maps.LatLng(lat, lng);
geocoder.geocode({'latLng': latlng}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
//console.log(results);
if (results[1]) {
var indice=0;
for (var j=0; j<results.length; j++)
{
if (results[j].types[0]=='locality')
{
indice=j;
break;
}
}
alert('The good number is: '+j);
console.log(results[j]);
for (var i=0; i<results[j].address_components.length; i++)
{
if (results[j].address_components[i].types[0] == "locality") {
//this is the object you are looking for City
city = results[j].address_components[i];
}
if (results[j].address_components[i].types[0] == "administrative_area_level_1") {
//this is the object you are looking for State
region = results[j].address_components[i];
}
if (results[j].address_components[i].types[0] == "country") {
//this is the object you are looking for
country = results[j].address_components[i];
}
}
//city data
alert(city.long_name + " || " + region.long_name + " || " + country.short_name)
} else {
alert("No results found");
}
//}
} else {
alert("Geocoder failed due to: " + status);
}
});
}
</script>
</head>
<body onload="initialize()">
</body>
</html>
Usé esta pregunta como punto de partida para mi propia solución. Pensé que era apropiado contribuir con mi código ya que es más pequeño que el de tabacitu.
Dependencias:
- subrayado.js
- https://github.com/estebanav/javascript-mobile-desktop-geolocation
Código:
if(geoPosition.init()){
var foundLocation = function(city, state, country, lat, lon){
//do stuff with your location! any of the first 3 args may be null
console.log(arguments);
}
var geocoder = new google.maps.Geocoder();
geoPosition.getCurrentPosition(function(r){
var findResult = function(results, name){
var result = _.find(results, function(obj){
return obj.types[0] == name && obj.types[1] == "political";
});
return result ? result.short_name : null;
};
geocoder.geocode({'latLng': new google.maps.LatLng(r.coords.latitude, r.coords.longitude)}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK && results.length) {
results = results[0].address_components;
var city = findResult(results, "locality");
var state = findResult(results, "administrative_area_level_1");
var country = findResult(results, "country");
foundLocation(city, state, country, r.coords.latitude, r.coords.longitude);
} else {
foundLocation(null, null, null, r.coords.latitude, r.coords.longitude);
}
});
}, { enableHighAccuracy:false, maximumAge: 1000 * 60 * 1 });
}