vue使用leaflet.animatedmarker实现轨迹回放功能
Posted 墨子鱼
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue使用leaflet.animatedmarker实现轨迹回放功能相关的知识，希望对你有一定的参考价值。
一、安装依赖
npm i -save leaflet.animatedmarker
二、在页面引入
import \'leaflet.animatedmarker/src/AnimatedMarker\';
var latlngs=[[113.3296179,23.1056464],[113.3441455,23.1029357],[111.37807769946298,23.469783629934806],[115.31021330053697,22.7360877700652]];
let car = require(`../../assets/img/car.png`);
var carIcon = L.icon({
iconUrl: car,
iconSize: [24, 24],
iconAnchor: [12, 20],
popupAnchor: [0, 0]
});
animatedMarker = L.animatedMarker(latlngs, {
icon: carIcon,
interval: 2000,
}).addTo(this.map)以上是关于vue使用leaflet.animatedmarker实现轨迹回放功能的主要内容，如果未能解决你的问题，请参考以下文章