전단지 및 전단지 그리기 관련 문제: 잡히지 않은 TypeError: vue-leaflet.draw.js에서 정의되지 않은('길이' 읽기) 속성을 읽을 수 없습니까? 20일 6:8

Question

Mounted(){this.initMap();},메서드:{initMap(){this.map=L.map('mapContainer').setView([48.856663,2.351556],12);this.tileLayer=L.tileLayer ("https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?a

P粉395056196 · Answer

베이스맵에 다각형을 그리는 데 유사한 코드를 사용했고 전단지 및 전단지 그리기와 함께 Vue3을 사용하여 비슷한 문제가 발생했습니다. 다각형을 그린 후 콘솔에 여러 가지 오류가 발생합니다. 아마도 마우스 오버 이벤트로 인해 발생했을 것입니다.

으아악

문제의 근본 원인은 아직 발견되지 않았지만, leaflet-draw가 더 이상 Leaflet 기본 라이브러리를 따르지 않기 때문일 수 있습니다(추측일 뿐입니다). Github에 대한 마지막 커밋은 2018년이었습니다. issues와 열린 pull 요청 목록이 매우 많으며 Leaflet 자체는 지속적으로 업데이트됩니다.

이 문제는 이 라이브러리를 Vue와 함께 사용할 때도 발생할 수 있습니다.

Vanilla JS를 사용하여 위 기능을 만들어 보셨나요?

P粉211600174 · Answer

이렇게 문제를 해결했습니다. 전단지 대신 Vue 3에서 MapBox 및 MapBox 그리기 작업을 사용하세요