微信小程序实战——获取用户地理位置信息app.jsonpages\index\index.wxmlpages\index\index.js最终效果

app.json

开通获取用户地理位置信息访问权限

  "permission": {
    "scope.userLocation": {
      "desc": "获取你的位置信息" 
    }
  },

pagesindexindex.wxml

<view>经度：{{location.latitude}}</view>
<view>纬度：{{location.longitude}}</view>
<button bindtap="getLocation">获取当前地理位置</button>

pagesindexindex.js

Page({
  data: {
    location: null
  },
  getLocation: function () {
    wx.getLocation({
      type: 'wgs84',
      success: (res) => {
        this.setData({
          location: {
            latitude: res.latitude, // 纬度
            longitude: res.longitude // 经度
          }
        })
      }
    })
  },
})

最终效果

点击获取当前地理位置按钮

最后

以上就是如意奇异果为你收集整理的微信小程序实战——获取用户地理位置信息app.jsonpages\index\index.wxmlpages\index\index.js最终效果的全部内容，希望文章能够帮你解决微信小程序实战——获取用户地理位置信息app.jsonpages\index\index.wxmlpages\index\index.js最终效果所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。