第17课:位置能力
进度 0/30
📍
位置能力
小程序知道你在哪里
📖知识引入
🗺️wx.getLocation
调用它就拿到当前经纬度,像问手机「我在地球上的哪个点?」——外卖、打车、附近店铺全靠它。
🌐经纬度是坐标
地球上每个点都用两个数表示:纬度(南北)和经度(东西),像教室里的「第几排第几列」。
🔐必须用户授权
定位涉及隐私!微信会弹窗问用户同不同意。用户拒绝时会走fail,程序要礼貌处理,不能崩溃。
🧭map地图组件
<map>标签直接显示地图,还能标点、画路线。做个「附近的篮球场」页面,几行代码就有模有样。
🛡️隐私第一
定位信息很敏感:只在真正需要时用,在页面上说明用途,别为了好玩收集位置——这是开发者的责任。
💡
经纬度=地球的排号+列号,定位前必须用户同意!
🔍我在哪里?
wx.getLocation({
success(res) {
console.log('纬度:', res.latitude)
console.log('经度:', res.longitude)
},
fail() {
wx.showToast({ title: '定位失败或未授权' })
}
})
<!-- WXML里显示地图 -->
<map latitude="{{lat}}" longitude="{{lng}}" />定位授权流程:
代码调用getLocation │ ▼ 微信弹出询问框 「是否允许使用位置?」 │ 允许│ 拒绝 ▼ ▼ 拿到经纬度 走fail回调 │ │ ▼ ▼ 显示地图 礼貌提示
经纬度长这样: 纬度: 39.9087 经度: 116.3975 │ ▼ 一查:北京天安门附近!
隐私第一课: 别人问你在哪, 你有权说不; 小程序的用户也一样!
🎯小测验
第1题:获取当前位置的API是?
第2题:用户拒绝定位授权后,程序应该?
第3题:纬度和经度的关系像?
📝本课知识点
- ✓getLocation获取经纬度
- ✓纬度+经度锁定地球上的点
- ✓定位必须用户授权
- ✓map组件显示地图
- ✓位置数据敏感,谨慎使用
第17课完成!继续探索下一课吧 🚀
