Свойства геолокации Navigator

Объект навигатора JavaScript

geolocationЧтение свойств возвращают объект Geolocation, который можно использовать для определения местоположения пользователя.

Из соображений конфиденциальности пользователю требуется разрешение на предоставление информации о его местоположении.

Внимание:Эта функция доступна только в безопасных контекстах (HTTPS) в некоторых или всех поддерживаемых браузерах.

Вы можете найти их в нашихВ руководстве по геолокации HTML5Узнайте больше о геолокации.

Грамматика:

navigator.geolocation

<script>　
var x = document.getElementById("demo");
function getLocation() {
navigator.geolocation.getCurrentPosition(showLoc);
x.innerHTML = 'Получение местоположения...';
}
function showLoc(pos) {
x.innerHTML = "Широта: " + pos.coords.latitude +
　　"<br>Долгота: " + pos.coords.longitude;
}
</script>

Совместимость браузеров

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает свойства geolocation:

Технические детали

Более примеров

Этот пример показывает все свойства 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);

В следующем примере возвращенные широта и долгота используются для отображения местоположения на карте 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>

Отображение местоположения на карте - это очень интересная задача. Эта служба используется для предоставления точного местоположения в карте.

Чтобы отображать результаты на карте, вам нужно получить доступ к карте, например, к Google Maps.

Функциональность карты предоставляется JavaScript библиотекой, расположенной на Google:

См. также

Референс-мануал Navigator:Свойство navigator.appCodeName

Референс-мануал Navigator:Свойство navigator.appname

Референс-мануал Navigator:Свойство navigator.appVersion

Референс-мануал Navigator:Свойство navigator.language

Референс-мануал Navigator:Свойство navigator.onLine

Референс-мануал Navigator:Свойство navigator.platform

Референс-мануал Navigator:Свойство navigator.userAgent

Объект навигатора JavaScript