导航功能引用。
申请在腾讯位置服务
1.微信公众平台上点击 【设置】—> 【第三方设置】
2.插件管理,添加插件,搜索【腾讯位置服务路线规划】开通。
3.此时获取key,后边代码中会用到
js代码
//导航
toGPS() {
let plugin = requirePlugin('routePlan');
let key = '123456545464fdsaffdsafdsaf'; //使用在腾讯位置服务申请的key
let referer = '调用插件的app的名称'; //调用插件的app的名称
let endPoint = JSON.stringify({ //终点
'name': this.data.detailData.biz_name,
'latitude': this.data.detailData.lat,
'longitude': this.data.detailData.longitude,
});
wx.navigateTo({
url: 'plugin://routePlan/index?key=' + key + '&referer=' + referer + '&endPoint=' + endPoint
});
},
wxml代码
<van-cell title-width="{{titleWidth}}" title="地址">
<view>{{detailData.biz_addr}}</view>
<van-button slot="right-icon" type="default" size="mini" color="#12b2a8" style="margin:auto;margin-left:10rpx;"
bind:click="toGPS">导航</van-button>
</van-cell>
看效果
后期会分享给大家更多前端特效及功能的代码,点点关注共同进步