22、探索HTML5地理定位与CSS新特性

探索HTML5地理定位与CSS新特性

1. 地理定位技术概述

地理定位是一项相对较新的技术，借助JavaScript，我们能够确定用户的实际地理位置。这一技术为创新游戏概念带来了新的可能性。不过，当一项新功能宣称可以精确追踪用户位置时，大多数人（开发者除外）会对此感到担忧。例如，在玩生存恐怖游戏时，若其他玩家能知晓自己的居住地址，那会让人觉得毛骨悚然。幸运的是，地理定位API采用的是用户自主选择的机制。当应用程序尝试获取用户位置时，浏览器会提示用户，并在用户同意后才允许应用程序继续获取GPS位置。

2. 地理定位API的使用

地理定位API的使用主要分为以下几个步骤：
- 请求权限 ：通过调用全局 navigator 对象的 geolocation 属性的 getCurrentPosition 函数向用户请求获取其位置的权限。该函数接受两个参数，一个是用户允许分享位置时调用的回调函数，另一个是用户拒绝请求时调用的回调函数。示例代码如下：

function getGeo(position) {
  var geo = document.createElement("ul");
  var lat = document.createElement("li");
  var lon = document.createElement("li");
  lat.textContent = "Latitude: " + position.coords.latitu