交互式地图覆盖鼠标覆盖

我刚刚偶然发现了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

回答