微信小程序地图获取地址和经纬度信息，可搜索 wx.chooseLocation

梦里梦外; 2022-02-04 11:15 617阅读 0赞

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h5cGhm_size_16_color_FFFFFF_t_70][]

业务场景：点击地点图标后，可以搜索当前地点，点击地图中的浮标确定后，可以填充地址栏。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h5cGhm_size_16_color_FFFFFF_t_70 1][]

.wxml  绑定一个catchtap事件

.绑定事件

markertap(e) { // 这是一个事件，在wxml中绑定这个事件，点击浮标后
        // wx.openLocation({ //此设置属于高级APi,可以打开微信内置地图组件
        //   latitude: 31.200040,
        //   longitude: 121.603190,
        // });
    
        var _this = this;
        wx.chooseLocation({ 
          success: function (res) { // 点击确定后成功回调返回的信息
            var name = res.name // 地点名
            var address = res.address // 地址
            var latitude = res.latitude // 经度
            var longitude = res.longitude // 纬度
            console.log(name + '|' + address + '|' + latitude + '|' + longitude);
            _this.setData({
              name: name,
              address: address,
              latitude: latitude,
              longitude: longitude
            })
          }
        })
      },

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h5cGhm_size_16_color_FFFFFF_t_70 2][]

![20190507165314506.png][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h5cGhm_size_16_color_FFFFFF_t_70]: /images/20220204/b9dcb810c27a44f4a6dbb05f06e33932.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h5cGhm_size_16_color_FFFFFF_t_70 1]: /images/20220204/ab9aa369d96f412e888a4f89b15e4aad.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h5cGhm_size_16_color_FFFFFF_t_70 2]: /images/20220204/3c0220bc55164decb2e66c71ea19df63.png
[20190507165314506.png]: /images/20220204/386ecafe1821458c85d7ad8c45c06bdc.png