데이터 토글 탭 안에 있는 전단지 지도를 다운로드할 수 없는 이유는 무엇입니까?

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

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

원인

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

Solution

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

탭 버튼 클릭 리스너 구현

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

위 내용은 데이터 토글 탭 안에 있는 전단지 지도를 다운로드할 수 없는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!