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,
//起点的icon
iconPath: '../../static/qd.png',
};
const destination = {
latitude: 30.925396,
longitude: 121.678823,
//终点的icon
iconPath: '../../static/zd.png',
};
route.drawRoute(this,origin,destination);
}
}
</script>
<style>
map {
width: 100%;
height: 100vh;
}
.cover{
display: flex;
text-align: center;
background: #999;
}
</style>