我應該使用哪個JavaScript庫？

Question

我會盡量清楚地表達我的問題，但我在編程方面有點新手，所以請儘量忍受。

我目前正在研究一張最終需要在網站上啓動並運行的地圖。我正在Adobe Illustrator中處理文件，並且在地圖上有幾個圖層。我需要的是一個直觀的，圖形化的令人愉悅的應用程序，用戶可以在谷歌地圖上平移和縮放地圖。我需要的另一個關鍵特性是可以隱藏/顯示圖層，並能夠點擊其中一個圖層上的某些高亮點以顯示更多信息。我已經開始創建層切換到SVG，但我真的需要他們在一個單獨的側邊欄上，以便在用戶最終平移並放大地圖時保持靜態。

到目前爲止，在我的研究中，我得出的結論是，OpenLayers和Google Maps API不適合我，因爲地圖相對較小，我不需要將其綁定到較大的地圖。相反，我認爲最好將它視爲一個大的浮動矢量圖像。 我也玩過創建圖層直接切換到SVG，但我真的需要他們在一個單獨的側邊欄，所以他們保持靜態時，用戶最終平移和放大到地圖。 我嘗試過與Raphaël合作，雖然我特別喜歡它的圖形方面，但我努力工作我的Illustrator文件，並且我發現的縮放/平移腳本也不適合我。

那我該走哪條路？我對自己對事物的不瞭解感到抱歉，但我在這裏完全迷失了方向，並希望朝着正確的方向發展。

謝謝！ -Ilkka

Answer 1

Raphael JS是一個非常好的Javascript矢量處理庫，您可能會覺得它很有用。 順便說一句，this question有一個鏈接到它tutorial。

Answer 2

我認爲在使用HTML和SVG時，Dojo與jQuery結合可以給您帶來不錯的結果。 Dojo是更加類型的圖形JS庫，它可以與SVG一起使用，並且jQuery可以讓你使用HTML的速度比其他大多數JS框架更快。

Answer 3

有嵌入矢量地圖到HTML頁面的jVectorMap，它具有地圖縮放和移動功能。我可以幫助您將地圖轉換爲適當的格式（您需要從源文件中提取svg文件）。

Answer 4

你應該嘗試Raphael通過一切手段，perhabs與jquery結合。 使用dojo聽起來有點像矯枉過正。