javascript - 鼠标悬停的交互式地图

Question

不久前，我偶然发现了 javascripting 和 css 的世界，我的顾问给了我一个交互式地图项目。

问题是我不知道我应该如何开始这个项目，而我想知道并找出的一件事是，我怎样才能只用 javascript、css 和一点 php 或 cms 制作交互式地图？

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

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

我想知道我如何能够编写一个像上面例子中那样的交互式地图，只需一点点定制，而无需支付工具费用

score 2 · Accepted Answer

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

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

其他开源 Javascript 地图工具包可用（例如 Leaflet），但 OpenLayers 是重量级大师。

score 1 · Accepted Answer

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

score 1 · Accepted Answer

3 回答 3