如何使用JQuery爲大圖創建可拖動頁面（地圖）？

Question

我想重新創建一個這樣的頁面：http://irrland.sonntagskunst.de但在jQuery。有沒有這樣做的任何jQuery插件？ （上面的鏈接是使用原型編寫的）。

謝謝。

Answer 1

使用jQuery scrollTo和一些CSS掛羊頭賣狗肉（可能溢出：隱藏）本應該做的伎倆：http://demos.flesler.com/jquery/scrollTo/

Answer 2

該頁面將在您的例子有一些非常好的動畫。你可能需要自己添加這些 '好' 的效果，但也有一對夫婦的jQuery插件，你可以嘗試：

1. https://github.com/can3p/iviewer/wiki/
2. http://wayfarerweb.com/jquery/plugins/mapbox/

UPDATE：

還要檢查該out：

1. http://www.gethifi.com/blog/jquery-vs-flash-for-interactive-map
2. http://speckyboy.com/2010/02/03/10-jquery-plugins-for-easier-google-map-installation/
3. http://www.ajaxupdates.com/mapbox-zoomable-jquery-map-plugin/

希望它能幫助。

Answer 3

這應該不是很難實現使用jQueryUI Draggable。可拖動的必須在容器內（widht：100％，height：100％，overflow：hidden）。 Draggable有各種選項和事件。例如stop，您應該檢查拖動的物體是否遠離容器邊緣並將其滑回。

Answer 4

我是製作IRRLAND地圖的人。它確實是使用Prototype編寫的。幾周前我做了一個類似的項目;它實際上基於IRRLAND地圖引擎，但是完全使用jQuery重新編寫。也許你想看看它，並嘗試自己重建它。

http://www.rocknrollmetromap.com/

乾杯， 帕特里克