鼠标悬停覆盖的交互式地图

时间:2012-11-22 15:29:29

标签: javascript php css3 maps

我刚刚偶然发现了javascripting和css的世界,我的顾问在交互式地图上给了我一个项目。

问题是我不知道我应该如何开始这个项目,我想知道的一件事,并找出是如何我只用javascript,css和一点点的PHP制作一个交互式地图还是cms?

我找到了这些网站: http://www.lglab.co.uk/usaSVG/advanced/index.html http://edition.cnn.com/ELECTION/2012/ecalculator#?battleground

两者都与我将要做的事情有关。

我想知道如何通过一些自定义和无需支付工具来编写像上面示例中那样的交互式地图

3 个答案:

答案 0 :(得分:2)

尝试OpenLayers [http://openlayers.org/] - 一个免费的开源javascript映射工具包。检查示例中的交互和事件以及所有这些。

你需要一些矢量格式的数据 - GeoJSON,GML - 类似的东西。然后编写一大堆javascript来将图层添加到基本地图并处理事件。

其他开源Javascript地图工具包可用(例如Leaflet),但OpenLayers是重量级的主人。

答案 1 :(得分:1)

您需要学习SVG - 这是您真正制作事件驱动多边形的唯一方法。

请参阅:http://www.netzgesta.de/mapper/

答案 2 :(得分:1)

相关问题