所用技术:vue,高德地图(amap),iview-slider
绘制轨迹使用的是高德地图的 轨迹展示 功能
实现后样式:
html部分代码
{
{passedTime}}
{
{totalTime}}
倍速 {
{times}}
- { {item.label}}
js部分要处理以下内容:
1.创建地图 let map = new AMap.Map("container", { resizeEnable: true, zoom: 15 });
2.绘制巡航轨迹路线和巡航器,因为不是所有的浏览器都支持canvas,载入之前先判断 AMapUI.load(['ui/misc/PathSimplifier', 'lib/$'], function(PathSimplifier, $) { if (!PathSimplifier.supportCanvas) { alert('当前环境不支持 Canvas!'); return; } //创建一个巡航轨迹路线 var pathSim