当前位置: 代码迷 >> 综合 >> HTML5 地理定位( Geolocation)——0711
  详细解决方案

HTML5 地理定位( Geolocation)——0711

热度:38   发布时间:2024-01-28 09:34:50.0

HTML5 Geolocation API 用于获得用户的地理位置。

鉴于该特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是不可用的。

该API 在谷歌浏览器使用无效。

如何使用地理定位?
使用getCurrentPosition() 方法来获得用户的位置。该方法有两个参数,第一个参数为showPosition ,可返回用户位置的经度和纬度;第二个参数为showError,用于处理错误。它规定当获取用户位置失败时运行的函数。

以下为用法示例:

<span id="demo"></span>
<script>var x = document.getElementById("demo");window.onload=function(){getLocation();};function getLocation() {if (navigator.geolocation) {navigator.geolocation.getCurrentPosition(showPosition, showError);}else {x.innerHTML = "该浏览器不支持获取地理位置。";}}//使用地理定位function showPosition(position) {x.innerHTML = "纬度: " + position.coords.latitude +"<br>经度: " + position.coords.longitude;}//处理错误和拒绝function showError(error) {switch (error.code) {case error.PERMISSION_DENIED:x.innerHTML = "用户拒绝对获取地理位置的请求。";break;case error.POSITION_UNAVAILABLE:x.innerHTML = "位置信息是不可用的。";break;case error.TIMEOUT:x.innerHTML = "请求用户地理位置超时。";break;case error.UNKNOWN_ERROR:x.innerHTML = "未知错误。";break;}}
</script>

如需在地图中显示结果,需要访问可使用经纬度的地图服务,比如谷歌地图或百度地图