HTML5基础教程（八）Geolocation（地理定位）：别再问我你在哪了！HTML5 Geolocation 让你“无处可藏”｜技术幽默谈

一、引言：从“猜猜我在哪”到“我知道你在哪”

还记得那些年我们玩过的“微信共享实时位置”吗？明明两个人约好在商场门口见，结果一个在一楼麦当劳啃鸡翅，另一个在顶楼电影院看预告片——直到HTML5 Geolocation出现，拯救了无数路痴和“约会鸽王”。

Geolocation API不是简单的“定位工具”，而是前端工程师的“千里眼”。但别担心，我们不是FBI，用户不点头，你连根头发都定位不到（隐私安全杠杠的）。今天，就让我们用最幽默的方式，揭开这项技术的神秘面纱！

二、Geolocation是什么？才不是简单的“查户口”！

2.1 定义：浏览器级别的“雷达系统”

Geolocation是HTML5标准中一套用于获取用户地理位置的API。它通过浏览器作为中介，协商多种数据源（GPS、IP地址、Wi-Fi基站、手机信号塔等），最终返回一个精度不等的经纬度坐标。

简单说，它就是浏览器和设备定位功能之间的“翻译官”。但注意：它不是GPS本身，而是调用GPS的“接口人”。

2.2 支持情况：你的浏览器在“跟踪”你吗？

https://via.placeholder.com/800x400?text=Geolocation+%E6%94%AF%E6%8C%81%E6%89%80%E6%9C%89%E7%8E%B0%E4%BB%A3%E6%B5%8F%E8%A7%88%E5%99%A8%EF%BC%8C%E5%8C%85%E6%8B%AC%E7%A7%BB%E5%8A%A8%E7%AB%AF%EF%BC%81

从IE9+到Chrome、Firefox、Safari，再到iOS和Android的WebView——Geolocation几乎全覆盖。你可以用以下代码检测支持情况：

if ("geolocation" in navigator) {
  console.log("恭喜！你的浏览器支持地理定位，快来‘跟踪’用户吧！");
} else {
  console.log("呃，你的浏览器怕不是从博物馆偷出来的？");
}

2.3 原理揭秘：三路情报，综合研判

Geolocation之所以精准，是因为它融合了三大情报来源：

1. <