交互式地圖覆蓋鼠標覆蓋

我剛剛偶然發現了javascripting和css的世界，並且我的交互式地圖上的顧問給了我一個項目。交互式地圖覆蓋鼠標覆蓋

問題是我對如何開始這個項目並沒有一個線索，我想知道的一件事，並找出是如何使用JavaScript，CSS和一點點的互動地圖PHP或CMS？

我發現這些網站： http://www.lglab.co.uk/usaSVG/advanced/index.html http://edition.cnn.com/ELECTION/2012/ecalculator#?battleground

兩個都跟我有關的事情。

我想知道我怎麼會能夠像那些在上面的例子中使用定製的一點點，而無需任何工具

我會建議做一堆教程之前跳進這樣的項目。感受一下這門語言，然後從簡單的事情開始。也就是說，在那裏發生的狀態突出顯示可以通過CSS完成。 – Cerbrus

@Cerbrus我已經練習了很多CSS樣式，並且在懸停時突出顯示，但我不太明白我如何在鼠標上方放置覆蓋 –

你需要學習SVG支付編寫的交互式地圖 - 你可以的唯一途徑真的讓事件驅動多邊形。

2012-11-22 16:48:32

嘗試的OpenLayers [http://openlayers.org/] - 其一個自由和開源JavaScript映射工具包。檢查交互和事件的例子以及所有這些。

你需要你的數據在一些矢量格式 - GeoJSON，GML - 類似的東西。然後編寫一大堆javascript以將圖層添加到底圖並處理事件。

其他開源Javascript地圖工具包可用（例如Leaflet），但OpenLayers是重量級的主人。

2012-11-22 18:06:21 Spacedman

2013-02-25 14:02:49

回答