javascript - 谷歌地圖像圖像滾動

Question

我想建立一個圖像滾動，像谷歌地圖工作。網站首次加載時，頁面中間會出現一個包含圖像一部分的查看框。用戶可以點擊並拖動滾動的圖像來檢查圖像的其他區域。如果用戶恰好滾動超出圖像的邊界，則該框將加載相鄰的圖像。我也想用這些圖像覆蓋這些圖像，用戶可以點擊這些圖標放大以獲取更多細節。

有沒有圖書館做我想要的東西？還是接近我想要的東西，以便我可以開始自定義它？或者如果我必須從頭開始構建，那麼對於採取一般方法有何建議？

我喜歡使用jQuery庫，所以用jQuery建立什麼將是真棒。

Answer 1

看看在Overscroll jQuery插件。

Answer 2

我用OpenLayers對於類似這樣的項目，它的偉大工程！ 不是基於jQuery。

它提供免費地圖，但您也可以擁有自己的圖片。

Answer 3

，我不認爲這樣做你要找的一切，但可能是一個良好的開端：就一些設計理念SpryMap

Answer 4

寫/找到你的解決方案時，要考慮到：

有兩種方法可以做到這一點，一種是用戶在用戶附近滾動時預先加載的多個圖像，另一種更簡單並加載一個大圖像。

如果你的圖像（S）是非常大的，你應該選擇用於預先加載段，因爲這將是一個很多用戶更友好，如果你可以無縫地做到這一點的解決方案。

大圖像會顯着減慢一些電腦/移動設備！

Answer 5

如果你自己構建了一些東西，它可能不是純粹的jQuery。您需要編寫一個服務器腳本，將您的大圖片處理爲您緩存的片段，或者即時提供片段。這是你可以開始使用jQuery來控制什麼時候被加載的點。

Answer 6

我認爲CraftMap似乎提供你所要求的。但我不確定它是否支持縮放。