슬리피 맵은 사용자가 2 차원 평면을 움켜 잡고 끌어 냄으로써 웹을 위젯 할 수있는 웹 위젯입니다. 이 컨트롤은 Google지도에서 널리 사용되어 현재 많은 현대지도 작성 시스템에서 볼 수 있습니다. 사용자가 팬으로 볼 때 필요한대로로드되는 이미지 그리드임을 부하로 볼 때 분명합니다. 내 질문은; HTML/JS/CSS에서 이미지 정렬, 이동 및 동적로드는 어떻게됩니까? 배경 이미지가있는 div입니까? 오버플로가있는 상위 div에로드 되었습니까? 숨김? 사용자가 주변을 돌아 다니면서 메모리가 누출되지 않도록하기 위해 어떤 전략을 사용합니까? 그 (것)들을 건설하게 쉬운 제삼자 도서관 있는가? 나는 지리지도 persay에 관심이 없다. 인터페이스를 표시하는 데 일반적으로 사용되는 인터페이스 일 뿐이다. 감사!미끄러운 맵은 어떻게 작동합니까?
2
A
답변
3
일반적으로 이미지 요소의 격자가 이동하고 일부는 뷰어 끝에서 벗어나 숨겨지기 때문에 그리드의 반대쪽으로 이동하고 src 특성이 새지도 타일을 가리 키도록 변경됩니다.
이 모든 내용은 overflow : hidden이있는 부모 요소에로드됩니다. 당신이 오픈 소스 열기 레이어의 구현에서 볼 수 예제의 관점에서
:
관련 문제
- 1. 이 맵은 RESTful 인터페이스에 어떻게 매핑됩니까?
- 2. stl의 멀티 맵은 어떻게 존중 순서를 삽입합니까?
- 3. 채우기 해시 맵은
- 4. 공개 구글 맵은
- 5. 어떻게 작동합니까?
- 6. 어떻게 작동합니까?
- 7. 어떻게 작동합니까?
- 8. 내 사이트 맵은 어떤 형식이어야합니까?
- 9. 스트레치 비트 맵은 안티 앨리어싱
- 10. 메모리 조각 모음 소프트웨어. 어떻게 작동합니까? 작동합니까?
- 11. LINQ는 내부적으로 어떻게 작동합니까?
- 12. 파이썬없이 수은이 어떻게 작동합니까?
- 13. NHibernate 플러시 - 어떻게 작동합니까?
- 14. 카테고리는 어떻게 작동합니까?
- 15. OnLive : 어떻게 작동합니까?
- 16. XNA MathHelper.SmoothStep? 어떻게 작동합니까?
- 17. 디버거는 어떻게 작동합니까?
- 18. TABLE은 AHDL에서 어떻게 작동합니까?
- 19. 세션과 쿠키는 어떻게 작동합니까?
- 20. substring()은 어떻게 작동합니까?
- 21. .htaccess 리디렉션이 어떻게 작동합니까?
- 22. WPF의 NameScope는 어떻게 작동합니까?
- 23. 옵션 양식은 어떻게 작동합니까?
- 24. win32com python.Interpreter는 어떻게 작동합니까?
- 25. GetSchemaTable()은 어떻게 작동합니까?
- 26. 급류는 어떻게 작동합니까?
- 27. GLPaint는 어떻게 작동합니까?
- 28. Eclipse에서 '서버'보기가 어떻게 작동합니까?
- 29. Emma는 어떻게 작동합니까?
- 30. 빵 부스러기는 어떻게 작동합니까?
이 기술은 이미 아주 오래되었습니다. c64와 amiga의 오래된 횡 스크롤 두목은 이미 이것을 사용했습니다 ... – Emiel