使用LeafLetAntPath叠加poyLine流向动画

我目前在用的项目是vue环境，因为用到地图，需要在管线图层上叠加动画，于是进行搜索发现LeafLetAntPath可以实现，于是进行探索：
1、去官网下载插件，地址：https://github.com/rubenspgcavalcante/leaflet-ant-path。

2、我是下载的压缩包，到本地后进行解压。解压后在地址栏输入 cmd 进行npm install安装。
3、接着输入 npm run build。注意这里会报错：leaflet-ant-path@1.3.0 build:NODE_ENV=production webpack --colors --profile --progress`；看提示是build执行时出了问题，搜索资料发现解决方法：打开package.json文件，在build前面加上"cross-env "。
4、然后重新执行 npm run build，嘿嘿成功啦！
5、能看到本地文件夹已经出现了dist目录。
6、打开dist文件夹，将leaf-ant-path.js拷贝到项目环境中，并引用，根据自己的路径修改。
7、因为是技术测试，所以随意在环境中找了一个方便的地方进行测试。
8、传入的经纬度格式：[ [24.22271045,109.44659833], [24.22262144,109.44690595]]。
9、运行代码，ok，效果是这样的：

Leaflet-ant-path效果

10、以上就是引用leaflet-ant-path的全部步骤啦！