HTML5 的高级功能 地理位置

这是一个 HTML5 API，用于获取网站用户的地理位置，用户必须首先允许网站获取他或她的位置。这通常通过按钮和/或浏览器弹出窗口来实现。所有最新版本的 Chrome、Firefox、IE、Safari 和 Opera 都可以使用 HTML5 的地理位置功能。

地理位置的一些用途是：

• 公共交通网站

• 出租车及其他运输网站

• 电子商务网站计算运费

• 旅行社网站

• 房地产网站

• 在附近播放的电影的电影院网站

• 在线游戏

• 网站首页提供本地标题和天气

• 工作职位可以自动计算通勤时间

工作原理： 地理位置通过扫描位置信息的常见源进行工作，其中包括以下：

• 全球定位系统（GPS）是最准确的

• 网络信号 - IP地址、RFID、Wi-Fi 和蓝牙 MAC地址

• GSM/CDMA 蜂窝 ID

• 用户输入

该 API 提供了非常方便的函数来检测浏览器中的地理位置支持：

if (navigator.geolocation) {

// do stuff

}

getCurrentPosition API 是使用地理位置的主要方法。它检索用户设备的当前地理位置。该位置被描述为一组地理坐标以及航向和速度。位置信息作为位置对象返回。

语法是：

getCurrentPosition(showLocation, ErrorHandler, options);

• showLocation：定义了检索位置信息的回调方法。

• ErrorHandler（可选）：定义了在处理异步调用时发生错误时调用的回调方法。

• options （可选）： 定义了一组用于检索位置信息的选项。

我们可以通过两种方式向用户提供位置信息：测地和民用。

1. 描述位置的测地方式直接指向纬度和经度。

2. 位置信息的民用表示法是人类可读的且容易理解。

如下表 1 所示，每个属性/参数都具有测地和民用表示。

图 5 包含了一个位置对象返回的属性集。

图5：位置对象属性