leaflet 동적 추가 노선 -- L. Polyline. ANtPath

1. leaflet - ant - path 의존 팩 다운로드
npm install leaflet-ant-path

 2. 프로젝트 에서 이 js 파일 참조
"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(map)
  
}

좋은 웹페이지 즐겨찾기