效果预览
实现原理
通过 wx.openLocation
可以直接调取腾讯地图显示地理位置,不过必须要有地点的详细信息(经纬度)
地点经纬度等详细信息的获取方式,可以参考
【微信小程序-原生开发+TDesign】通用功能页封装——地点搜索(含腾讯地图开发key 的申请方法)
https://sunshinehu.blog.csdn.net/article/details/129250827
wx.openLocation({ address: address, name: address, longitude: +location.lng, latitude: +location.lat, scale: 18 })
完整代码实现
<t-icon bindtap="getLocation" size='26' name="location" />
// 地图导航 getLocation() { let placeInfo = this.data.detail.placeInfo if (!placeInfo) { wx.showToast({ icon: 'none', title: "暂未公开地址", }) return } wx.openLocation({ address: placeInfo.title, name: placeInfo.title, longitude: +placeInfo.longitude, latitude: +placeInfo.latitude, scale: 18 }) },