菜鸟教程 -- 学的不只是技巧,更是妄图!

  HTML5 Geolocation API 用于取得用户的天文位置。

  鉴于该特点能够侵犯用户的隐私,除非用户赞成,否则用户位置信息是不成用的。

  Internet ExplorerFirefoxOperaGoogle ChromeSafari

  Internet Explorer 9+, Firefox, Chrome, Safari 和 Opera 支撑Geolocation(天订婚位).

  留心: Geolocation(天订婚位)关于具有 GPS 的装备,比如 iPhone,天订婚位越发准确。

  请应用 getCurrentPosition() 方法来取得用户的位置。

  下例是一个复杂的天订婚位实例,可前去用户位置的经度和纬度:

  实例解析:

  下面的例子是一个十分基础的天订婚位脚本,不含毛病处理。

  getCurrentPosition() 方法的第二个参数用于处理毛病。它规矩当获得用户位置掉败时运转的函数:

  毛病代码:

  如需在地图中显示结果,您需求访问可应用经纬度的地图效劳,比如谷歌地图或百度地图:

  在上例中,我们应用前去的经纬度数据在谷歌地图中显示位置(应用静态图象)。

  Google地图脚本

  下面的链接向您演示若何应用脚原本显示带有标记、缩放和拖曳选项的交互式地图。

  本页演示的是若何在地图上显示用户的位置。不外,天订婚位关于给定位置的信息异样很有效途。

  实例:

  T若胜利,则 getCurrentPosition() 方法前去对象。一直会前去 latitude、longitude 和 accuracy 属性。假设可用,则会前去其他下面的属性。

  watchPosition() - 前去用户的以后位置,并继续前去用户移动时的更新位置(就像汽车上的 GPS)。

  clearWatch() - 中断 watchPosition() 方法

  下面的例子展现 watchPosition() 方法。您需求一台准确的 GPS 装备来测试该例(比如 iPhone):