使用 HTML5 Geolocation 构建基于地理位置的 Web 应用（1）

look_w

HTML5 中的新功能HTML5 是最新一代的 HTML 规范，是 W3C 与 WHATWG 合作的结果，目前仍外于开发中。自从上一代 HTML4，Web 世界已经发生了巨大的变化，HTML5 的到来更大地促进了 Web 的发展，HTML5 提供了很多新的功能，主要有：

• 新的 HTML 元素，例如 section, nav, header, footer, article 等
• 用于绘画的 Canvas 元素
• 用于多媒体播放的 video 和 audio 元素
• 用于定位的 Geolocation API
• 本地存储以及离线应用
• Web Workers API

本文主要对 HTML5 用于定位的 Geolocation 功能进行讲解，并提供实例，介绍它在实际中的应用。
位置信息在 HTML5 中，当请求一个位置信息时，如果用户同意，浏览器就会返回位置信息，该位置信息是通过支持地理定位功能的底层设备（比如笔记本电脑或手机）提供给浏览器的。位置信息由纬度、经度坐标和一些其他元数据组成。例如北京故宫的位置信息主要由一对纬度和经度坐标组成：纬度：北纬 39.9，经度：东经 116.4。
经纬度坐标有两种表示方式：十进制格式（例如 39.9）和 DMS（Degree Minute Second，角度）格式（例如 39 ° 54 ′ 20 ″）。HTML5 Geolocation API 返回的坐标格式为十进制格式。除了纬度和经度坐标，HTML5 Geolocation 还提供位置坐标的准确度。除此之外，它还会提供其他一些元数据，比如海拔、海拔准确度、行驶方向和速度等，具体情况取决于浏览器所在的硬件设备。
位置信息一般从如下数据源获得：

• IP 地址
• 三维坐标
  • GPS（Global Positioning System，全球定位系统）
  • Wi-Fi
  • 手机信号
• 用户自定义数据

它们各有优缺点如表 1 所示，为了保证更高的准确度，许多设备使用多个数据源组合的方式。
表 1. 位置信息获取方式对比数据源优点缺点 IP 地址任何地方都可用
在服务器端处理不精确（经常出错，一般精确到城市级）
运算代价大 GPS 很精确定位时间长，耗电量大
室内效果差
需要额外硬件设备支持 Wi-Fi 精确
可在室内使用
简单、快捷在乡村这些 Wi-Fi 接入点少的地区无法使用手机信号相当准确
可在室内使用
简单、快捷需要能够访问手机或其 modem 设备用户自定义可获得比程序定位服务更准确的位置数据
用户自行输入可能比自动检测更快可能很不准确，特别是当用户位置变更后
浏览器支持情况各浏览器对 HTML5 Geolocation 的支持程度不同，并且还在不断更新中。好消息是：在 HTML5 的所有功能中，HTML5 Geolocation 是第一批被全部接受和实现的功能之一，相关规范已经达到一个非常成熟的阶段，不大可能做太大改变。如表 2 所示，很多浏览器已经支持 HTML5 Geolocation：
表 2. 浏览器对 HTML5 Geolocation 的支持情况浏览器支持情况 Firefox  3.5 及以上版本支持 Chrome 在带有 Gears 的第 2 版 Chrome 中被支持 Internet Explorer 通过 Gears 插件支持 Opera 在版本 10 中支持 Safari 在版本 4 中支持以实现在 iPhone 上可用
由于浏览器对它的支持程度不同，在使用之前最好先检查浏览器是否支持 HTML5 Geolocation API。后面将讲解如何检查浏览器是否支持此功能。本文中所有示例程序都在 Firefox 12.0 上运行测试成功。
隐私HTML5 Geolocation 规范提供了一套保护用户隐私的机制。必须先得到用户明确许可，才能获取用户的位置信息。不过，从可接触到的 HTML5 Geolocation 应用程序示例中可以看到，通常会鼓励用户共享这些信息。例如，午餐时间到了，如果应用程序可以让用户知道附近餐馆的特色菜及其价格和评论，那么用户就会觉得共享他们的位置信息是可以接受的。
访问使用 HTML5 Geolocation API 的页面时，会触发隐私保护机制。图 1 显示了在 Firefox 12.0 中触发隐私保护机制的页面。
图 1. HTML5 Geolocation 在 Firefox 12.0 中触发隐私保护机制因为位置数据属于敏感信息，所以接收到之后，必须小心地处理、存储和重传。如果用户没有授权存储这些数据，那么应用程序应该在相应任务完成后立即删除它。如果要重传位置数据，建议对其进行加密。