微信小程序调用地图和跟据经纬度打开手机地图导航

最新推荐文章于 2025-04-26 19:57:59 发布

原创最新推荐文章于 2025-04-26 19:57:59 发布

· 2.4k 阅读

8 ·

版权

文章标签：

#微信小程序 #微信 #小程序

微信小程序调用地图和跟据经纬度打开手机地图导航

第一步：输入地址位置

wxml
 <button bindtap="onChooseLocation">打开地图</button>

 js:
 data里address={}
onChooseLocation () {
    wx.chooseLocation({
        success: (res) => {
            console.log(res)
            this.setData({
                address: res
            })
        }
    });
},

第二步：展示地址信息

wxml
<view>
        {{address.address}}
    </view>
    <view>
        {{address.latitude}} | {{address.longitude}} | {{address.name}}
    </view>

第三步：调用地图API 打开手机地图导航去当前位置

wxml
<button bindtap="openLocation">地图调用</button>

js
openLocation(){
      wx.openLocation({
        latitude: this.data.address.latitude,
        longitude: this.data.address.longitude,
      })
  },