如何如下圖所示繪製座標HTML 5的地圖

：

我希望各國在上空盤旋，像這樣的可填充紅色

切口恰好符合地圖。我一直對我在互聯網上迄今爲止發現的信息感到困惑，以至於如何做到這一點。有人說HTML 5地圖，其他人說jQuery，其他人說SVG ...我只想要一個明確的方法來完成這個，所以我至少可以嘗試這個項目。另外，我發現很難在網上找到好的教程，所以如果可以講一步一步的方法，那會很棒（我可以找到每一步的教程，只需要知道我應該做什麼）。

非常感謝你。

來源

2013-04-26 Daniel van der Merwe

也許[這]（http://jvectormap.com/）是你要搜索的內容。 – Eich 2013-04-26 15:45:10

你可以使用javascrip庫raphaeljs：http://raphaeljs.com/australia.html使用svg。你必須首先使用例如gimp – 2013-04-26 15:45:24

@roasted將你的地圖轉換爲可縮放的矢量我可以用illustrator/photoshop來做到這一點，對吧？我一旦得到了該怎麼辦？ – 2013-04-26 16:01:26

SVG允許您將CSS樣式類分配給各個形狀。一個可能的CSS類是：hover僞類。這允許您在用戶在形狀上移動鼠標時更改樣式。

一個例子如何做到這一點，可以在這裏找到： http://css-tricks.com/using-svg/

來源

2013-04-26 17:23:31 Philipp

如何如下圖所示繪製座標HTML 5的地圖

回答

相關問題