Propiedad de geolocalización del navegador Navigator

Objeto Navigator de JavaScript

geolocationLa propiedad de solo lectura devuelve el objeto Geolocation que se puede usar para localizar la ubicación del usuario.

Por razones de privacidad, se requiere que el usuario permita que se informe su información de ubicación.

Nota:Esta función solo está disponible en el contexto seguro (HTTPS) de algunos o todos los navegadores compatibles.

Puede encontrar más información en nuestrasHTML5En la guía de geolocalizaciónObtenga más información sobre la geolocalización.

Sintaxis:

navigator.geolocation

<script>　
var　x　=　document.getElementById("demo");
function　getLocation　()　{
navigator.geolocation.getCurrentPosition(showLoc);
x.innerHTML　=　'Obteniendo ubicación...';
}
function　showLoc　(pos)　{
x.innerHTML　=　"Latitud:　"　+　pos.coords.latitude　+
　　"<br>Longitud:　"　+　pos.coords.longitude;
}
</script>

Compatibilidad del navegador

Los números en la tabla especifican la primera versión del navegador que admite completamente la propiedad geolocation:

Detalles técnicos

Más ejemplos

Este ejemplo muestra todos los atributos del Navigator:

var txt = "";
txt　+= "<p>Browser CodeName: "　+　navigator.appCodeName　+　"</p>";
txt　+= "<p>Browser Name: "　+　navigator.appName　+　"</p>";
txt　+= "<p>Browser Version: "　+　navigator.appVersion　+　"</p>";
txt　+= "<p>Cookies Enabled: "　+　navigator.cookieEnabled　+　"</p>";
txt　+= "<p>Browser Language: "　+　navigator.language　+　"</p>";
txt　+= "<p>Browser Online: "　+　navigator.onLine　+　"</p>";
txt　+= "<p>Platform: "　+　navigator.platform　+　"</p>";
txt　+= "<p>User-agent header: "　+　navigator.userAgent　+　"</p>";
document.write(txt);

En el siguiente ejemplo, las latitudes y longitudes devueltas se utilizan para mostrar la ubicación en el mapa de Google:

<script>
function showLoc(pos) {
var latt = pos.coords.latitude;
var long = pos.coords.longitude;
var lattlong = new google.maps.LatLng(latt, long);
var options = {
center: lattlong,
zoom:　10,
mapTypeControl: true,
navigationControlOptions: {style:google.maps.NavigationControlStyle.SMALL}
};
var mapg = new google.maps.Map(x, options);
var mark = new google.maps.Marker({position:lattlong, map:mapg, title:"You are here!"});
}
</script>

Mostrar una ubicación en el mapa es una tarea muy interesante. Este servicio se utiliza para proporcionar ubicaciones exactas en el mapa.

Para mostrar los resultados en el mapa, necesita acceder al servicio de mapa, por ejemplo Google Maps.

Las funciones del mapa se proporcionan por una biblioteca de JavaScript ubicada en Google:

Referencias relacionadas

Referencia de Navigator:Propiedad navigator.appCodeName

Referencia de Navigator:Propiedad navigator.appname

Referencia de Navigator:Propiedad navigator.appVersion

Referencia de Navigator:Propiedad navigator.language

Referencia de Navigator:Propiedad navigator.onLine

Referencia de Navigator:Propiedad navigator.platform

Referencia de Navigator:Propiedad navigator.userAgent

Objeto Navigator de JavaScript