官方实例:Leaflet Ant Path Example
以下为两个动态路线实例:
下载插件:npm install leaflet-ant-path
import引入
//清除上一次画的线段
if (gPath) {
gMap.removeLayer(gPath);
}
var longLatList =[[****,****],[*****,****]];//经纬度数组
var antPath = L.polyline.antPath;
gPath = antPath(longLatList, {
"paused": false, //暂停 初始化状态
"reverse": false, //方向反转
"delay": 3000, //延迟,数值越大效果越缓慢
"dashArray": [10, 20], //间隔样式
"weight": 3, //线宽
"opacity": 0.5, //透明度
//"color": "#0000FF", //颜色
//"pulseColor": "#FFFFFF" //块颜色
});
gPath.addTo(gMap);
// 缩放地图到折线所在区域
gMap.fitBounds(gPath.getBounds());
var antPath = L.polyline.antPath;
var path = antPath(coords, {
paused: false,
reverse: false,
delay: 3000,
dashArray: [10, 20],
weight: 5,
opacity: 1,
color: "#008FD6",
pulseColor: "#36F6FF"
});
path.addTo(animationGroup);