Vue+高德地图巡航轨迹,实现轨迹回放加进度条,加减速
应公司业务要求,给轨迹回放加个滚动条,一开始我采用的是高德地图的折线绘制,但是如果要加上进度条并不太不合适,拖动滚动条,点位没有恢复的API,后来决定使用巡航轨迹,巡航轨迹支持更丰富的轨迹API,使用起来也更方便。 下面是做完的效果图: 使用的技术有:vue,高德地图1.4(amap),element-UI 下面的是部分源码: html部分 <template> <div id="demo"> <div id="test-map" /> <!--控制条--> <div class="map-control" v-show="isActual"> <!--播放暂停按钮--> <Icon v-if="!isPlay" class="play-icon" type="ios-play" @click="isPlay=true;navgControl('start')" /> <Icon v-else class="play-icon" type="ios-pause" @click="isPlay=false;navgControl('pause')"/> <!--已播放时间--> <span class="passed-time">{{passedTime}}</span> <!--进度条--> <el-slider v-model="sliderVal" :format