2009-11-19 4 views
2

큰 콘텐츠 (예 :지도)가있는 DIV를 고정 크기의 클릭 가능한 드래그 가능한 "지도"컨테이너로 변환하는 눈에 거슬리지 않는 프로토 타입 또는 프레임 워크 기반 방법을 아는 사람이 있습니까? , Google지도와 아주 흡사합니까?DIV를 클릭하고 드래그 할 뷰포트로 바꾸기

HTML 청크를 큰 입력 양식으로 표시하려고합니다. 이러한 청크는 사용 가능한 공간을 초과 할 수 있습니다 (각 청크는 약 150x300 픽셀의 뷰포트를 가질 수 있습니다). 클릭 앤 드래그 솔루션을 통해 완벽하게 이동할 수 있습니다. 물론 overflow : auto를 사용할 수는 있지만,이 경우 이동하기에 편리한 방법은 아닙니다.

답변

3

는 다음에서보세요 내 마우스를 드래그하고 움직여야합니다. 마치 Google지도에서 돌아 다니는 것과 같습니다.
+0

그게 내가 원하는거야. 감사! –

1

jQuery 포틀릿과 같은 것이 있습니까?

+0

아니, 내가 찾고 있지 않다 div의 드래그하지만, DIV 스크롤 할

http://www.switchonthecode.com/tutorials/javascript-tutorial-draggable-view-in-a-container

그것은 올바른 방향을 알려줄 수 –

+0

아, 지금 당신이 찾고있는 것을 이해합니다. 나는 약간의 arround를 googled했다. 그러나 나는 당신에게 가치있는 무엇인가를 생각해 낼 수 없었다. 어쩌면 오늘 밤 다시 한번 그걸 줄께. – Ben

0

터치 스크린 키오스크 용으로 하나 만듭니다. 미니 맵에서 볼 수있는 영역을 다양한 줌 레벨로 드래그하는 사용자를 기반으로 대형지도를 이동하는 작업입니다.

는 봐 :

http://www.mintohomes.com/morgansgrantkiosk/SitePlan/Default.asp

자바 스크립트 소스는 페이지에 있습니다. 적어도

+0

이것은 흥미 롭습니다. 그러나 하나의 뷰포트에 대해서만 솔루션을 찾고 있습니다 (2 개가 아닌). 하지만 나는 코드를 통해 뭔가를 도출 할 수 있습니다. 감사. –

관련 문제