leaflet动态添加路线使用插件--L.Polyline.AntPath

使用leaflet开发地图

首先是要下载对应的包

1、下载leaflet-ant-path依赖包

对应的命令是 npm install leaflet-ant-path

2、将下载的依赖引入你的项目

引入方式是 "src/assets/js/ant-path/leaflet-ant-path.js",

 3、使用的时候直接在js中写入调用即可
 
//循环获取经纬度  
const latlngs = data.map(e => {
        return L.latLng(e.Lat, e.Lon);
      });
 
  //根据经纬度规划动态路线
  let antPolyline = new L.Polyline.AntPath(latlngs, {
        paused: false,
        delay: 400
  });
 
  //把动态路线添加到地图上
  antPolyline.addTo(this.map)
  
}