Превращение DIV в область просмотра с щелчком и перетаскиванием

Question

Кто-нибудь знает ненавязчивый, прототип или не основанный на фреймворке способ превратить DIV с большим контентом (например, картой) в интерактивный и перетаскиваемый контейнер «карты» с фиксированными измерениями, очень похожий на Google Maps?

Я хочу отображать фрагменты HTML в большой форме ввода. Эти чанки могут превышать доступное пространство (каждый чанк может иметь область просмотра размером около 150x300 пикселей). Решение для щелчка и перетаскивания было бы идеальным для перемещения по ним. Конечно, я мог бы использовать переполнение: авто, но это не удобный способ перемещения в этом случае.

Answer 1

Посмотрите на следующее:

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

Это может указать вам правильное направление, по крайней мере,

Answer 2

Вы ищете что-то вроде портлетов jQuery?

Answer 3

Я делаю один для киоска с сенсорным экраном. Он включает в себя перемещение большой карты на основе того, что кто-то перетаскивает видимую область на мини-карту с различными уровнями масштабирования.

Взгляните:

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

Источник JavaScript находится на странице.