关于 HTML 5 中的地理定位

Question

现在，Google 地图可以在 Firefox 的帮助下以街道精度精确定位我的位置。

我知道这是 HTML 5 兼容浏览器的一项新功能，并且该位置是通过使用连接的 WiFi 网络的某种功能来获取的（我希望我没有做出任何愚蠢的假设）。

我想知道的是整个过程是如何运作的：

• 为什么只在 HTML 5 中？
• Firefox 为什么/如何要求我与 Google 地图共享我的位置？
• 可以信赖的正常精度是多少？
• 如何在我的网站中实现此功能？

提前致谢！

Answer 1

它是如何工作的？

当您在 Firefox 中访问位置感知网站时，浏览器会询问您是否要共享您的位置。

如果您同意，Firefox 会收集有关附近无线接入点和您计算机的 IP 地址的信息，并通过将此信息发送到 Google 定位服务（Firefox 中的默认地理定位服务）。然后，该位置估计会与请求网站共享。 （来源）

位置的准确度如何？

不同地点的准确度差异很大。在某些地方，地理定位服务提供商可能能够提供几米以内的位置。然而，在其他领域，情况可能远不止于此。所有位置均应视为估计值，因为无法保证所提供位置的准确性。 (来源)

就我而言，Firefox 报告我距离大约 10 公里我的真实位置。

如何在我的网站中使用此功能？

您可以执行以下操作：

if (navigator.geolocation) { 
    navigator.geolocation.getCurrentPosition(function(position) {  

        alert(position.coords.latitude + ", " + position.coords.longitude);

        // Use the latitude and location as you wish. You may set a marker
        // on Google Maps, for example.
    }); 
} 
else {
    alert("Geolocation services are not supported by your browser.");
}  

您可以在此处查看在线演示：Firefox HTML 5 地理位置演示（需要支持地理位置的浏览器，例如 Firefox 3.1b3。）

Answer 2

HTML5 提供API< /a>

which allows the web browser (and then hence the server-side of an web application) to query the location and related information such as speed (if relevant), in a standard, uniform, fashion.

主机及其 Web 浏览器提供计算/估计地理位置本身的“设备”。

要使此 API 有用，需要底层主机和 Web 浏览器
  a) 允许共享此类信息（注意隐私问题）以及
  b) 具备一定的装备（本地或通过其所连接的网络）来读取或估计地理位置。

计算实际位置所涉及的技术和设备涉及以下各项的组合（当然并非全部适用），并且独立于 HTML 5 标准：

• GPS 设备（现在很多手机都配备了它们）
• 手机网络级别的路由信息
• ​​ IP 地址/ISP 路由信息
• Wifi 路由器信息
• 固定数据，手动输入（对于位于固定位置的电脑）
• ...

因此...
- HTML5 单独无法确定地理定位：升级到较新的网络浏览器本身不足以在您的应用程序等中获得地理定位功能。
- 地理位置数据可以在 HTML5 API 之外共享，从而允许 GPS 就绪或 GeoLocation 就绪的手机在其他 API 中公开地理位置数据。

Answer 3

HTML5 Geolocation API 使用用户设备中的某些功能，例如全球定位系统 (GPS)、设备的互联网协议 (IP) 地址、最近的移动电话塔以及用户的输入，检索用户的位置。使用 Geolocation API 检索的用户位置几乎是准确的，具体取决于用于检索位置的源类型。

这里有一个非常好的 HTML5 地理定位演示 (http://html5demos.com/geo)。每当网站尝试使用以下提到的 API 之一获取您的位置时，浏览器都会在调用 API 共享您的位置之前询问您的许可。

Geolocation API 提供以下方法：

• getCurrentPosition(successCallback, errorCallback, options)

  用于检索用户当前的地理位置。

• watchPosition(successCallback、errorCallback、选项)

  该函数返回一个 watchId 并使用更新后的坐标调用 successCallback。当用户移动时，它会继续返回更新的位置（就像汽车中的 GPS）。

• clearWatch(watchId)

  根据提供的 watchId 停止 watchPosition() 方法。

示例代码：

if (navigator.geolocation) {
  navigator.geolocation.getCurrentPosition(userPositionSuccess, userPositionError);
} else {
  alert("Your browser does not support geolocation.");
}

function userPositionSuccess(position) {
  alert("Latitude: " + position.coords.latitude + " Longitude: " + position.coords.longitude);
}

function userPositionError() {
  alert("There was an error retrieving your location!");
}