uniapp h5打开腾讯地图

第一步

首先需要创建一个页面，我这边直接用我的项目举例子了

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唤起腾讯地图