更新记录
1.0.0(2021-08-10) 下载此版本
1.项目临时开发的组件,略有粗糙。 2.只有简单的播放暂停终止,根据进度条位置改变地图轨迹点 3.兼容性上,见地图组件和uni.createMapContext的兼容性
平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | √ | - | - | √ | - | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | - | - | - | - | - | - | - | - | - | - |
其他
多语言 | 暗黑模式 | 宽屏模式 |
---|---|---|
× | × | √ |
Author:XBD
使用文档
props
isauto {Boolean} 是否自动播放 eg: false covers {Array} 标记点的数组 eg:[{ id, latitude, longitude }] polyline {Array} 标记路线的数组 eg:[{ points: [], // 点集合 { latitude, longitud } color: '#3591fc', // 线的颜色 arrowLine: true, //带箭头的线 width: 6 // 线的宽度 }]
event
事件名 | 说明 getStopTrack 播放停止或进度条拖动后的返回值
使用
<template>
<view>
<map-track :polyline="polyline" :covers="covers" :isauto="false" @getStopTrack="getStopTrack"></map-track>
</view>
</template>
<script>
import mapTrack from '../../components/mapTrack/mapTrack.vue';
export default {
components: { mapTrack },
data() {
return {
trackList: [],
covers: [
{
id: 2,
latitude: 0,
longitude: 0
}
],
polyline: [
{
points: [], // 点集合
color: '#3591fc', // 线的颜色
arrowLine: true, //带箭头的线
width: 6 // 线的宽度
}
]
};
},
methods:{
getStopTrack(e){
console.log('播放停止或进度条拖动后的返回值',e)
}
}
};
</script>
现有功能与问题
简单功能: 播放,暂停,终止,进度条拖动轨迹改变。
问题: 1.地图定位未居中。2.轨迹加载比较慢