13、打造 U2 都柏林地理定位 Web 应用及混合应用指南

打造 U2 都柏林地理定位 Web 应用及混合应用指南

1. 地理定位功能实现

在 Web 应用里，可借助标准的 W3C 地理定位 API 来实现地理定位功能。以下代码展示了如何运用 watchPosition() 和 clearWatch() 方法：

watchId = navigator.geolocation.watchPosition(omissis);
navigator.geolocation.clearWatch(watchId);

借助这段代码，能够创建一个按钮，让用户停止位置更新。

2. 构建 U2 都柏林 Web 应用

此应用的目的是通过在线地图展示都柏林与 U2 乐队故事相关的地点。用户可从 iOS 设备访问该应用，能一次性展示所有兴趣点（POIs），利用菜单选择兴趣点，或者展示距离当前位置最近的兴趣点。点击兴趣点，用户可打开其对应的信息窗口并滚动查看内容（文本和图像）。

2.1 应用组成文件

应用由三个文件构成：
- u2sdublin.html ：包含应用网页的结构。
- u2sdublin.css ：包含定义用户界面某些元素的样式规则。
- u2sdublin.js ：包含应用中实现的函数的 JavaScript 代码。

2.2 HTML 文件

在 HTML