微信小程序-打开地图选择位置

 微信小程序地图自动定位位置:

方法步骤如下:

1.申请获取用户地址的权限;

2.打开地图选择;

3.由于获取到的地址是一串字符串,所以必须通过经纬度反查地址分隔省市县;(如不需要分隔可省略)获取之后自动填充到表单中。

在wxml中点击触发以下方法即可

getCenterLocation() {
    var that = this;
    wx.authorize({
      scope: 'scope.userLocation',
      complete: function (res) {
        console.log(res)
        wx.chooseLocation({
          success(str) {
            console.log(str)
            var key = 'V7DBZ-XXXX-XXXXX-XXXXX-XXXXX-AEFCM';
            //发送请求通过经纬度反查地址信息
            var getAddressUrl = "https://apis.map.qq.com/ws/geocoder/v1/?location=" + str.latitude + "," + str.longitude + "&key=" + key + "&get_poi=1";
            wx.request({
              url: getAddressUrl,
              success: function (result) {
                var province = result.data.result.address_component.province;
                var city = result.data.result.address_component.city;
                var district = result.data.result.address_component.district;
                var address = result.data.result.formatted_addresses.recommend;
                console.log('省市县:' + province + city + district)
                console.log('地址:' + address)
                that.setData({
                  "input[2].val": [province, city, district],
                  "input[3].val": address
                })
              }
            })
          }
        })
      }
    })

  },

  • 3
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
微信小程序 map-master 是基于微信开发平台的一款地图应用。它提供了丰富的地图展示和定位功能,方便用户查询地理位置信息,规划路线等。 在 map-master 中,用户可以通过地图展示页面查看各种地理标记,包括地点、商铺、景点等。用户可以通过缩放、拖动地图来获得更详细的信息,双击地图可以放大到更具细节的级别。地图上的标记点提供了关于该地点的详细信息,包括名称、地址、评分等。用户可以点击标记点来查看更详细的信息,也可以通过搜索功能来查找特定的地点。 在定位功能方面,map-master 使用了微信提供的位置服务接口,可以根据用户的实际位置显示当前定位,并提供导航功能。用户可以使用导航功能输入起点和终点,map-master 会根据用户选择的交通方式,提供最佳路线规划和导航指引,方便用户出行和导航。 除了基本的地图展示和定位功能外,map-master 还提供了一些实用的附加功能,比如周边搜索、实时交通状况等。用户可以通过周边搜索功能查找特定类型的地点,比如餐馆、银行、酒店等,从而更方便地满足自己的需求。实时交通状况功能可以帮助用户选择避免拥堵的路线,节省时间和精力。 总之,微信小程序 map-master 是一款功能强大且实用的地图应用程序,提供了丰富的地图展示和定位功能,为用户的出行和导航提供了很大的便利。用户可以随时随地通过微信小程序打开 map-master,获取周边信息、规划导航路线等,方便快捷。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值