小程序获取地理位置信息wx.chooseLocation()

素颜马尾好姑娘i 2022-12-01 05:18 182阅读 0赞

点击查看官方文档

[wx.chooseLocation(Object object)][wx.chooseLocation_Object object]

这里在使用时，需要先进行授权

![20200826101542729.png][]

直接看代码：

wxml文件

<view class="weui-input" bindtap="chooseLoc">请选择位置</view>
    <view class="weui-input" name="locationadd">{
       {location.name || location.address}}</view>

js文件

chooseLoc: function () {
        var that = this
        wx.chooseLocation({
          success: function (res) {
            console.log("res",res)
            that.setData({
              hasLocation: true,
              location: res
            })
          }
        })
      },

具体实现

![20200826102146339.png][]

点击查看地图

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExODc5MjYyNzE2OA_size_16_color_FFFFFF_t_70][]

选择内容后，点击确认，打印成功情况下的返回内容：

![20200826102435268.png][]

可以看到这个返回结果：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExODc5MjYyNzE2OA_size_16_color_FFFFFF_t_70 1][]

[wx.chooseLocation_Object object]: https://developers.weixin.qq.com/miniprogram/dev/api/location/wx.chooseLocation.html
[20200826101542729.png]: /images/20221123/20a46d1be3de46d59796c2d3aa802be2.png
[20200826102146339.png]: /images/20221123/026d2575e88c40eda4fc5643065852c3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExODc5MjYyNzE2OA_size_16_color_FFFFFF_t_70]: /images/20221123/66c0150e9b1a4dd2b29d225cc6e3a7d6.png
[20200826102435268.png]: /images/20221123/a8541f3abd3744e8844b3b47406177ed.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExODc5MjYyNzE2OA_size_16_color_FFFFFF_t_70 1]: /images/20221123/da7347b090d2452b91ca6a0a85d14fd4.png