미끄러운지도는 어떻게 작동합니까?

Question

Slippy Maps는 웹 위젯으로 사용자를 잡고 드래그하여 사용자가 2 차원 평면 주위에 팬을 사용할 수 있습니다. 이 컨트롤은 Google지도에서 인기를 얻었으며 오늘날 많은 최신 매핑 시스템에서 볼 수 있습니다. 사용자가 실제로 사용자가 필요로하는 이미지의 그리드 인 것을 보는 것은 분명합니다. 내 질문은; HTML/JS/CSS에서 이러한 이미지가 어떻게 정렬, 이동 및 동적으로로드됩니까? 배경 이미지가있는 div입니까? 오버플로가있는 부모 디스크에로드되어 있습니까? 사용자가 주위를 펼칠 때 메모리가 유출되는 것을 막기 위해 어떤 전략을 사용합니까? 더 쉽게 빌드 할 수있는 제 3 자 라이브러리가 있습니까? 나는 지리적지도 페르세에 관심이 없으며, 그것들을 표시하는 데 일반적으로 사용되는 인터페이스입니다. 감사!

Answer 1

일반적으로 이미지 요소의 그리드가 돌아 다니며 일부는 시청자의 끝에서 움직여 숨겨지면 그리드의 반대쪽으로 이동하고 SRC 속성이 새 맵 타일을 가리 키도록 변경되었습니다.

당신이 말했듯이,이 모든 것은 오버플로가있는 부모 요소에로드 될 것입니다.

예제 측면에서 오픈 소스 오픈 레이어 구현을 볼 수 있습니다.

http://openlayers.org/