[SOLUCIONADO] Obtener ciudad y estado de la API

maizaguirre · #1 (**permalink**) 14/05/2015, 11:50

Tengo el siguiente código en jquery:

Código:

function obtener_localizacion() {
  if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(mostrar_mapa);
  }else{
    alert('Tu navegador no soporta la API de geolocalizacion'); 
  }
}
function mostrar_mapa(position) {
  var latitud = position.coords.latitude;
  var longitud = position.coords.longitude;
  //position.coords.accuracy = 1000;
  var image_url = "http://maps.google.com/maps/api/staticmap?sensor=false&center=" + latitud + "," +
                    longitud + "&zoom=14&size=300x400&markers=color:red|label:P|" +
                    latitud + ',' + longitud;
    $("#mapa").html(
        $(document.createElement("img")).attr("src", image_url).attr('id','map')
        //alert('hola')
    );
//alert(exactitud);
}

Pero lo que quiero es obtener la ciudad y el estado de la ubicación de usuario, ¿alguién sabe como obtener estos datos?

Nopal_Studio · #2 (**permalink**) 14/05/2015, 12:20

<html lang="es">
<head>
<meta charset="utf-8"/>
<title>Ubicación</title>
<script type="text/javascript">

function localizar()
{
navigator.geolocation.getCurrentPosition(ubicacion ,error);
}

function ubicacion(posicion)
{
var contenedor = document.getElementById("mapa");

var latitud = posicion.coords.latitude;
var longitud = posicion.coords.longitude;
var precision = posicion.coords.accuracy;

alert("Lat="+latitud+" - Long="+longitud+" - Precision="+precision);
}

function error(error)
{
if(error.code == 0)
alert("Error Desconocido");
else if(error.code == 1)
alert("No fue posible contactarte");
else if(error.code == 2)
alert("No hay una ubicacion disponible");
else if(error.code == 3)
alert("Tiempo agotado");
else
alert("Error Desconocido");
}
</script>

</head>
<body>
<button onClick="localizar()">Ver mi Ubicación </button>
</body>
</html>

maizaguirre · #3 (**permalink**) 14/05/2015, 12:35

Nopal_Studio:

Eso me devuelve la longitud y la latitud más no la region ciudad y el estado que es lo que necesito

NueveReinas · #4 (**permalink**) 14/05/2015, 12:39

http://www.latlong.net/

http://www.latlong.net/Show-Latitude-Longitude.html

http://stackoverflow.com/questions/6...ongitude-point

Nopal_Studio · #5 (**permalink**) 14/05/2015, 13:37

Vas a tener que descargar una DB donde tengas el nombre del edo, pais, latitud y longitud, posteriormente vas a buscar en la DB por latitud y logitud (que previamente obtuviste con el script anterior que te escribi)
la base de datos la puedes descargar de aqui: https://www.maxmind.com/es/free-world-cities-database

maizaguirre · #6 (**permalink**) 15/05/2015, 13:43

Cita:

Iniciado por Nopal_Studio

Vas a tener que descargar una DB donde tengas el nombre del edo, pais, latitud y longitud, posteriormente vas a buscar en la DB por latitud y logitud (que previamente obtuviste con el script anterior que te escribi)
la base de datos la puedes descargar de aqui: [url]https://www.maxmind.com/es/free-world-cities-database[/url]

He encontrado una solución mucho más simple

:

Solamente agregué una función de callback :

Código:

var region = "";
    var country = "";
    function getLocation()
    {
        if (navigator.geolocation)
          {
              navigator.geolocation.getCurrentPosition(showPosition);
          } else {
              alert('No soporta geolocalizacion');
          }
    }
   


Código Javascript:
Ver originalfunction showPosition(position)
    {
      var geocoder = new google.maps.Geocoder();
      var latlong = new google.maps.LatLng(position.coords.latitude,position.coords.longitude);
      geocoder.geocode({'latLng': latlong}, function(results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
          if (results[0]) {
            for (var i = 0; i < results[0].address_components.length; i++)
            {
              alert(results[0].address_components[1].types.administrative_area_level_1);
              var longname = results[0].address_components[i].long_name;
              var type = results[0].address_components[i].types;
              
              if (type.indexOf("administrative_area_level_1") != -1)
              {
                region = longname;
              }
              if (type.indexOf("country") != -1)
              {
                country = longname;
              }
            }
          }
        }
      });
      alert(region + country);
    }

Esta función me devuelve un json donde puedo obtener todos los datos de la latitud y longitud proporcionada, desde el país hasta la calle y el número.

Pueden encontrar más info de esta API acá:
[URL="https://developers.google.com/maps/documentation/geocoding/?hl=es"]https://developers.google.com/maps/documentation/geocoding/?hl=es[/URL]

De cualquier manera gracias y saludos.