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

Question

아아아아

leaflet.draw.js?20d6:8 Uncaught TypeError: 정의되지 않은 속성을 읽을 수 없습니다('길이' 읽기)

처음 지도와 상호작용한 후 콘솔에 오류가 나타나고 더 이상 도형을 그릴 수 없습니다

UPD: 맵박스 그리기로 전환

Answer 1

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

으아악

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

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

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

Answer 2

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