데이터 전환 탭이 전단지 지도 다운로드를 방해합니다

이 질문은 데이터 전환 탭 내의 전단지 지도가 제대로 다운로드되지 않을 때 발생합니다. . 이전에는 지도가 탭 외부에 표시되었을 때 작동했습니다.

원인

Leaflet은 컨테이너 크기를 읽은 후 지도를 초기화합니다. 컨테이너가 처음에 숨겨져 있거나 크기가 변경되면 Leaflet은 변경 사항을 인식하지 못하여 잘못된 타일 다운로드로 이어집니다. 이 문제는 Bootstrap과 같은 프레임워크에서 탭 또는 모달 패널을 사용할 때 흔히 발생합니다.

솔루션

map.invalidateSize()를 호출하여 컨테이너 크기 업데이트를 트리거합니다. 탭 패널이 표시됩니다. 이는 탭 버튼 클릭 시 리스너를 통해 수행할 수 있습니다.

탭 버튼 클릭 리스너 구현

탭 버튼 클릭 리스너 구현은 스택 오버플로를 참조하세요. 또는 프레임워크별 문서입니다.