凌晨两点，我盯着屏幕上那堆报错的红字，咖啡早就凉透了。隔壁工位的哥们儿还在吹嘘自己写了三千行代码才实现定位，我差点笑出声。其实，搞懂地理定位（Geo）这事儿，真没你想得那么玄乎。今天我不讲那些晦涩的理论，就聊聊怎么用最少的代码，把用户的位置“抓”出来。
很多人一听到“地理围栏”或者“高精度定位”，脑子里全是复杂的API密钥配置、权限申请、后台服务保活……头都大了。但如果你只是想做个简单的LBS功能，比如显示用户当前城市，或者根据经纬度算个距离，真的不需要搞那么复杂。
咱们直接上干货。在Web端，HTML5早就内置了Geolocation API。你不需要引入任何第三方库，不需要去高德或百度后台申请Key（除非你要做地图展示），浏览器原生支持就能搞定。
看这行代码，真的只有几行：
`javascript
navigator.geolocation.getCurrentPosition(
position => console.log(position.coords.latitude, position.coords.longitude),
error => console.error(error)
);
`
就这两行核心逻辑，加上一点回调处理，你的应用就能拿到用户的经纬度。是不是有点太简单了？简单到让你怀疑人生。
我上次帮朋友改一个小程序，他非要自己写一套坐标系转换算法，折腾了两天，最后发现浏览器返回的已经是WGS84坐标了，根本不用转。这就是典型的“过度工程化”。
当然，现实总是充满坑。你直接这么写，在iOS上大概率会弹出一个“是否允许访问位置”的提示，如果用户点了拒绝，或者浏览器本身不支持（比如某些老旧的安卓机），你的代码就会直接报错，甚至导致整个页面白屏。
这时候，你就需要加一点“粗糙”的容错处理。比如，先判断一下浏览器支不支持这个API：
`javascript
if ("geolocation" in navigator) {
// 支持
} else {
// 不支持，给用户个提示，别让用户觉得你做的软件是假的
}
`
还有，定位不是瞬间完成的。网络不好、GPS信号弱，都可能导致超时。我见过太多新手把定位代码放在页面加载的同步逻辑里，结果页面卡死好几秒。记住，定位是异步的，一定要用Promise或者回调函数，别阻塞主线程。
说到这儿，可能有人会说：“你说的太简单了，生产环境能这么搞？”
生产环境确实要考虑更多，比如缓存、降级策略、隐私合规。但核心逻辑依然不变。所谓的“5行代码搞定geo”，指的是核心获取逻辑。至于怎么把这些数据存进数据库，怎么结合地图SDK展示，那是另一回事，但那不属于“定位”本身的核心难点。
我有个读者，之前也是被各种框架搞晕了，后来我让他试试原生API，他反馈说：“原来这么简单，我之前浪费了一周时间。” 这就是认知的偏差。我们总以为技术越复杂越牛，其实，能用最简单的方案解决复杂的问题，才是真本事。
别再去啃那些几百页的官方文档了，先跑通这个Demo。你会发现，地理定位其实就像去便利店买瓶水，你只需要告诉店员你要什么（经纬度），店员就会给你（通过浏览器API）。中间的过程，浏览器已经帮你处理好了。
最后提醒一句，现在用户对隐私越来越敏感。如果你的App或网站一打开就索要位置权限，而且没有明确说明用途，用户大概率会直接卸载。所以，在请求定位前，最好加个弹窗，告诉用户：“我们需要您的位置来为您推荐附近的餐厅”，而不是冷冰冰地弹出一个系统对话框。
技术是为了解决问题，不是为了炫技。把复杂的逻辑藏起来，把简单的体验留给用户，这才是好产品。
本文关键词：5行代码搞定geo
