leaflet地图添加流动河道

1. 安装依赖 

npm install leaflet-ant-path

2. 引入依赖

import {AntPath} from 'leaflet-ant-path';

3. 使用

if(item.properties.NAME == '某某河'){
  let result = item.geometry.coordinates[0]
  const latlngs = []
  if(result.length > 0 && result){
    result.forEach(function(item){
      latlngs.push([item[1],item[0]])
    })
  }
  let antPolyline = new L.Polyline.AntPath(latlngs, {
    paused: false,	// 暂停，初始化状态
    // reverse: false	// 方向反转
    delay: 10000,	// 延迟，数值越大效果越缓慢
    dashArray: [5,10],	// 间隔样式
    weight: 3,	// 线宽
    color: '#fff',	// 颜色
    pulseColor: '#ea00ff'	// 块颜色
    // opacity: 0.5	// 透明度
  })
  antPolyline.addTo(that.riverInnerLayerGroup)
}