10、使用 HTML5 API 创建地图应用

使用 HTML5 API 创建地图应用

在现代 Web 开发中，HTML5 提供了一系列强大的 API，可用于创建功能丰富的地图应用。下面将详细介绍几个重要的 HTML5 API 以及如何使用它们来构建一个地图应用。

1. 振动 API（Vibration API）

振动 API 允许与移动设备的内置振动硬件组件进行交互。如果设备不支持该 API，调用时不会有任何反应，因此在不支持的设备上使用也是安全的。

激活该 API 使用 navigator.vibrate 方法，它可以接受单个数字表示单次振动，也可以接受一个数组来实现交替振动、暂停和再次振动。传递值为 0、空数组或全为 0 的数组将取消当前正在进行的振动模式。

// 振动一秒
navigator.vibrate(1000);
// 振动两秒，等待一秒，再振动两秒
navigator.vibrate([2000, 1000, 2000]);
// 以下任何一种都会提前终止振动
navigator.vibrate();
navigator.vibrate(0);
navigator.vibrate([]);

该 API 主要针对移动设备，自 2012 年就已出现。运行 Chrome 或 Firefox 的 Android 设备支持该 API，但 Safari 或移动版 Safari 不支持，且似乎未来也不会支持。

振动有很多实际用途，例如在用户与按钮或表单控件交互时提供触觉反馈，或提醒用户有通知。当然，也可以用于娱乐，比如播放流行旋律：

<