JavaScript Screen 對象 JavaScript Navigator 對象

Navigator geolocation 屬性

geolocation只讀屬性返回可用于定位用戶的位置的Geolocation對象。

出于隱私原因，要求用戶允許其報告位置信息。

注意：此功能僅在某些或所有支持的瀏覽器中的安全上下文（HTTPS）中可用。

您可以在我們的HTML5地理位置指南中了解有關(guān)地理位置的更多信息。

語法：

navigator.geolocation

示例

<script> 
var x = document.getElementById("demo");
function getLocation () {
navigator.geolocation.getCurrentPosition(showLoc);
x.innerHTML = 'Getting location...';
}

function showLoc (pos) {
x.innerHTML = "Latitude: " + pos.coords.latitude +
  "<br>Longitude: " + pos.coords.longitude;
}
</script>

測試看看?/?

瀏覽器兼容性

表格中的數(shù)字指定了完全支持geolocation屬性的第一個瀏覽器版本：

屬性
geolocation	5	3.5	16	5	9

技術(shù)細(xì)節(jié)

返回值：	對地理位置對象的引用

更多實例

此示例顯示所有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);

測試看看?/?

在下面的示例中，返回的緯度和經(jīng)度用于在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>

測試看看?/?

在地圖上顯示位置是一項非常有趣的任務(wù)。該服務(wù)用于提供地圖中的確切位置。

要在地圖上顯示結(jié)果，您需要訪問地圖服務(wù)，例如Google Maps。

地圖的功能由位于Google的JavaScript庫提供：

< script src = “ https://maps.googleapis.com/maps/api/js?key= YOUR_KEY ” > </ script >

JavaScript 對象

JavaScript 參考手冊

JS DOM參考手冊

Navigator geolocation 屬性

語法：

瀏覽器兼容性

技術(shù)細(xì)節(jié)

更多實例

相關(guān)參考