2009-03-12 4 views
2

슬리피 맵은 사용자가 2 차원 평면을 움켜 잡고 끌어 냄으로써 웹을 위젯 할 수있는 웹 위젯입니다. 이 컨트롤은 Google지도에서 널리 사용되어 현재 많은 현대지도 작성 시스템에서 볼 수 있습니다. 사용자가 팬으로 볼 때 필요한대로로드되는 이미지 그리드임을 부하로 볼 때 분명합니다. 내 질문은; HTML/JS/CSS에서 이미지 정렬, 이동 및 동적로드는 어떻게됩니까? 배경 이미지가있는 div입니까? 오버플로가있는 상위 div에로드 되었습니까? 숨김? 사용자가 주변을 돌아 다니면서 메모리가 누출되지 않도록하기 위해 어떤 전략을 사용합니까? 그 (것)들을 건설하게 쉬운 제삼자 도서관 있는가? 나는 지리지도 persay에 관심이 없다. 인터페이스를 표시하는 데 일반적으로 사용되는 인터페이스 일 뿐이다. 감사!미끄러운 맵은 어떻게 작동합니까?

답변

3

일반적으로 이미지 요소의 격자가 이동하고 일부는 뷰어 끝에서 벗어나 숨겨지기 때문에 그리드의 반대쪽으로 이동하고 src 특성이 새지도 타일을 가리 키도록 변경됩니다.

이 모든 내용은 overflow : hidden이있는 부모 요소에로드됩니다. 당신이 오픈 소스 열기 레이어의 구현에서 볼 수 예제의 관점에서

:

http://openlayers.org/

+0

이 기술은 이미 아주 오래되었습니다. c64와 amiga의 오래된 횡 스크롤 두목은 이미 이것을 사용했습니다 ... – Emiel