使用地理位置实现定位功能

第第页使用地理位置实现定位功能今日我们要学习的是用法的地理定位实现定位功能我们可以通过navigator.geolocation猎取地理位置对象，他提供了下列办法：

getcurrentposition（回调，errorcallback，选项）：猎取当前位置;

watchposition（回调，错误的选项）：开头监控当前位置;

clearwatch（id）：停止监控当前位置

。注：下面例子用法的扫瞄器是铬，用法其他扫瞄器我不能保证运行结果和例子显示的结果全都

1.当前电子杂志位置

我们将用法getcurrentposition办法猎取当前位置，位置信息不会以结果的形式挺直返回，我们需要用法回调函数举行处理。

复制代码代码如下：

示例

表{border-collapse：塌陷；}

th，td{padding：4px；}

th{text-align：right;}

经度：

-

纬度：

-

海拔高度：

-

精确     性：

-

海拔精度：

-

标题：

-

速度：

-

时光戳：

-

navigator.geolocation.getcurrentposition（displayposition）;

函数displayposition（pos）{

varproperties=[&39;经度&39;，&39;纬度&39;，&39;高度&39;，&39;精度&39;，&39;altitudeaccuracy&39;，&39;航向&39;，&39;速度&39;]];

for（vari=0，len=properties.length;i

返回的位置对象包含两个属性，坐标：返回坐标信息；时光戳：猎取坐标信息的时光。其中坐标又包括以下属性：纬度：纬度；经度：经度；海拔：高度；精度：精确度（米）；heightaccuracy：高度精确度（米）；航向：行进方向；速度：行进速度（米/秒）。

并不是全部的信息都会返回，这必需您携带扫瞄器的设备。像有gps，加速器，罗盘的移动设备会返回大部分信息，家用电脑就不可了。

点击允许，猎取坐标信息。

2.处理异样

现在我们介绍了getcurrentposition的异样处理，他是通过用法errorcallback举行函数实现的。函数返回的参数error包含两个属性，代码：错误类型的代码；消息：错误信息。code包含三个值：1：用户没有授权用法地理位置；2：无法猎取坐标信息；3：猎取信息超时。

下面我们看个例子：

复制代码代码如下：

示例

表{边界折叠：折叠；}

th，td{填充：4px；}

{文本对齐：右；}

经度：

-

纬度：

-

海拔高度：

-

精确     性：

-

高度精度：

-

标题：

-

速度：

-

时光戳：

-

错误代码：

-

错误消息：

-

navigator.geolocation.getcurrentposition（displayposition，handleerror）;

函数displayposition（pos）{

varproperties=[经度，纬度，海拔，

document.getelementbyid（properties[i]）。innerhtml=值；

}

document.getelementbyid（timestamp）。innerhtml=pos.timestamp;

}

函数handleerror（err）{

document.getelementbyid（errcode）。innerhtml=err.code;

document.getelementbyid（errmessage）。innerhtml=err.message;

}

否决授权，运行结果：

3.用法

geoolocation可选参数项getcurrentposition（callback，errorcallback，options）中的选项有如下参数可以用法，启用高精度：用法最好的效果；超时时光：超时时光（毫秒）；最大年龄：指定缓存时光（毫秒）。我们来下下面的例子：

复制代码代码如下：

示例

表{边界折叠：折叠；}

th，td{填充：4px；}

{文本对齐：右；}

经度：

-

纬度：

-

海拔高度：

-

精确     性：

-

高度精度：

-

标题：

-

速度：

-

时光戳：

-

错误代码：

-

错误消息：

-

varoptions={

enablehighaccuracy：false，

timeout：2000，

maximumage：30000

};

navigator.geolocation.getcurrentposition（displayposition，handleerror，options）;

var属性=[经度，纬度，高度，精度，altitudeaccuracy，航向，速度]；

for（vari=0;i

4.监视位置变幻

下面我们介绍用法watchposition办法实现位置变幻的监视，他的用法办法和getcurrentposition一样。

复制代码代码如下：

示例

表{边界折叠：折叠；}

th，td{填充：4px；}

{文本对齐：右；}

经度：

-

纬度：

-

海拔高度：

-

精确     性：

-

高度精度：

-

标题：

varwatchid=navigator.geolocation.watchposition（displayposition，handleerror，options）;document.getelementbyid（pressme）。onclick=函数（e）{

navigator.geolocation.clearwatch（watchid）;

}