🐵指尖猴全新升级
第17课:位置能力
📍

位置能力

小程序知道你在哪里

📖知识引入

🗺️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课完成!继续探索下一课吧 🚀