关于小程序中地图的应用（联动搜索，模糊查询，定位导航）

最新推荐文章于 2024-02-18 15:36:45 发布

寂寞花如雪

最新推荐文章于 2024-02-18 15:36:45 发布

阅读量2.4k

点赞数 4

分类专栏：项目开发文章标签：小程序

本文链接：https://blog.csdn.net/qq_40665861/article/details/105240285

版权

小程序中地图的应用

一、获取微信地址
二、联动搜索及模糊查询
三、导航

一、获取微信地址

在小程序的开发中，内置了获取微信地址的API接口。我们可以直接调用，对返回的数据进行相关的处理即可。代码如下：

    <view class="wx_address flex_c_m" bindtap='weChat'>
      <text class="iconfont iconweixin1"></text>
      <text class="we_address">获取微信收货地址</text>
    </view>

  // 获取微信地址
  weChat() {
   
    let that = this;
    wx.getSetting({
   
      success(res) {
   
        console.log("vres.authSetting['scope.address']：", res.authSetting['scope.address'])
        if (res.authSetting['scope.address']) {
   
          wx.chooseAddress({
   
            success(res) {
   
              console.log(res.userName)
              console.log(res.postalCode)
              console.log(res.provinceName)
              console.log(res.provinceName)
              console.log(res.countyName)
              console.log(res.detailInfo)
              console.log(res.nationalCode)
              console.log(res.telNumber)
              let obj = {
   
                TakeMan: res.userName,
                TakeTel: res.telNumber,
                TakeProvince: res.provinceName,
                TakeCity: res.cityName,
                TakeArea: res.countyName,
                TakeAddress: res.detailInfo,
                TakeBuildingNo: "",
                IsDefault: false,
                CommunityName: "",
                CommunityAddress: "",
                TakeLongitude: "",
                TakeLatitude: ""
              }
              http.requestLoading('api/services/app/ShopMemerShippingAddressService/AddMemerShippingAddress', obj, '', 'POST').then(res => {
   
                console.log(res)
                if (res.data.Result.Code == 0) {
   
                  wx.showToast({
   
                    title: '获取微信地址成功',
                    icon: 'none'
                  })
                  that.getAddressList();
                }
              })
            }
          })
          // 用户已经同意小程序使用录音功能，后续调用 wx.startRecord 接口不会弹窗询问
        } else {
   
          if (res.authSetting['scope.address'] == false) {
   
            wx.openSetting({
   
              success(res) {
   
                console.log(res.authSetting)
              }
            })
          } else {
   
            wx.chooseAddress({
   
              success(res) {
   
                console.log(res.userName)
                console.log(res.postalCode)
                console.log(res.provinceName)
                console.log(res.cityName)
                console.log(res.countyName)
                console.log(res.detailInfo)
                console.log(res.nationalCode)
                console.log(res.telNumber)
                // that.setData({
   
                //   userName: res.userName,
                //   provinceName: res.provinceName,
                //   cityName: res.cityName, //第二级地址
                //   countyName: res.countyName, //第三级地址
                //   detailInfo: res.detailInfo, //详细收货地址信息
                //   telNumber: res.telNumber //收货人手机号码
                // })
              }
            })
          }
        }
      }
    })
  }