HTML5 地理定位

亲自试一试

例子解释：

getCurrentPosition() 方法的第二个参数用于处理错误。它规定当获取用户位置失败时运行的函数：

function showError(error) switch(error.code) case error.PERMISSION_DENIED: x.innerHTML= User denied the request for Geolocation.  break; case error.POSITION_UNAVAILABLE: x.innerHTML= Location information is unavailable.  break; case error.TIMEOUT: x.innerHTML= The request to get user location timed out.  break; case error.UNKNOWN_ERROR: x.innerHTML= An unknown error occurred.  break;

亲自试一试

错误代码：

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

function showPosition(position)var latlon=position.coords.latitude+ , +position.coords.longitude;var img_url= http://maps.googleapis.com/maps/api/html' target='_blank'>staticmap?center= +latlon+ zoom=14 size=400x300 sensor=false document.getElementById( mapholder ).innerHTML= img src=' +img_url+ ' / 

亲自试一试

在上例中，我们使用返回的经纬度数据在谷歌地图中显示位置（使用静态图像）。

谷歌地图脚本

上面的链接向您演示如何使用脚本来显示带有标记、缩放和拖曳选项的交互式地图。

本页演示的是如何在地图上显示用户的位置。不过，地理定位对于给定位置的信息同样很有用处。

案例：

若成功，则 getCurrentPosition() 方法返回对象。始终会返回 latitude、longitude 以及 accuracy 属性。如果可用，则会返回其他下面的属性。

watchPosition() - 返回用户的当前位置，并继续返回用户移动时的更新位置（就像汽车上的 GPS）。

clearWatch() - 停止 watchPosition() 方法

下面的例子展示 watchPosition() 方法。您需要一台精确的 GPS 设备来测试该例（比如 iPhone）：

 script var x=document.getElementById( demo function getLocation() if (navigator.geolocation) navigator.geolocation.watchPosition(showPosition); else{x.innerHTML= Geolocation is not supported by this browser. }function showPosition(position) x.innerHTML= Latitude: + position.coords.latitude + br / Longitude: + position.coords.longitude; /script 

亲自试一试

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。