geolocation只读属性返回可用于定位用户的位置的Geolocation对象。
出于隐私原因,要求用户允许其报告位置信息。
注意:此功能仅在某些或所有支持的浏览器中的安全上下文(HTTPS)中可用。
您可以在我们的HTML5地理位置指南中了解有关地理位置的更多信息。
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>测试看看‹/›
表格中的数字指定了完全支持geolocation属性的第一个浏览器版本:
属性 | |||||
geolocation | 5 | 3.5 | 16 | 5 | 9 |
返回值: | 对地理位置对象的引用 |
---|
此示例显示所有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。
地图的功能由位于Google的JavaScript库提供:
< script src = “ https://maps.googleapis.com/maps/api/js?key= YOUR_KEY ” > </ script >
Navigator参考:navigator.appCodeName属性
Navigator参考:navigator.appname属性
Navigator参考:navigator.appVersion属性
Navigator参考:navigator.language属性
Navigator参考:navigator.onLine属性
Navigator参考:navigator.platform属性
Navigator参考:navigator.userAgent属性