網站中的互動圖表：我需要學習什麼？我需要使用哪些工具？

Question

完整的初學者。我想製作一個網站，以互動圖表的形式提供在線遊戲的2D地圖。

的東西，看起來像這樣：http://i.imgur.com/DrRyZtF.png

由於安全認證系統，點擊一個位置，在網站上會引發在遊戲客戶端有一定作用。

什麼我需要學習：

• 繪製圖表與節點和線路連接節點
• 使節點交互betweeen網站和遊戲客戶端

我已經開始期待在https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML，我不知道該從哪裏出發。

Answer 1

這樣做最簡單的方法是image-map，但這隻適用於如果您的地圖是靜態圖像不動態更改。它基本上只是一個圖像，你可以定義你可以用javascript添加一個點擊事件。

如果您需要做更復雜的事情，我會建議您調查html canvas和svg。

如果你不wan't到發明輪子自己全新的，這裏是一個極好的JavaScript框架： gojs或d3