第一步
首先需要创建一个页面,我这边直接用我的项目举例子了
pages/webview/webview.vue
<template>
<web-view :src="url"></web-view>
</template>
<script>
export default {
data() {
return {
url: ''
};
},
onLoad(option) {
this.url = decodeURIComponent(option.url);
}
};
</script>
第二步
let txMapUrl= 'http://apis.map.qq.com/uri/v1/markermarker=coord:113.77914699999997,34.75927699999999;addr:郑州东站'
coord : 维度 , 经度
addr : 地点名称
// 打开uniapp内置的web-view加载腾讯地图H5页面
uni.navigateTo({
url: `/pages/webview/webview?url=${encodeURIComponent(txMapUrl)}`
});
如果手机上已经安装腾讯地图,就可以在webview唤起腾讯地图