UNIAPP 使用地图 百度 高德 腾讯地图路线轨迹

链接: 插件.

路线轨迹首先需要申请开发者中心 的key值

必须导入插件

复制下面代码 替换KEY值

申请key值以后 只需要传开始和结束的经度纬度即可**

<template><view><view class="uni-common-mt"><view><map :latitude="latitude" :longitude="longitude" :markers="markers" :polyline="polyline" :scale="scale"></map></view></view></view>
</template><script>import route from '@/js_sdk/heimao-map/heimaodinwei-map/heimao-map.js'export default {data() {return {latitude: 30.923396,longitude: 121.478823,markers: [],polyline: [],scale: 15}},methods: {},onLoad() {// 这里填自己的高德地图应用中key 没有的话自己注册一个route.setKey("高德的key值");// 这里填自己的百度地图应用中key 没有的话自己注册一个// route.setKey("百度地图的key值");const origin ={latitude: 30.923396,longitude: 121.478823,//起点的iconiconPath: '../../static/qd.png',};const destination = {latitude: 30.925396,longitude: 121.678823,//终点的iconiconPath: '../../static/zd.png',};route.drawRoute(this,origin,destination);}}
</script>
<style>map {width: 100%;height: 100vh;}.cover{display: flex;text-align: center;background: #999;}
</style>