javascript - 鼠标悬停在上面的交互式 map

标签 javascript php css maps

我刚刚偶然发现了 javascript 和 css 的世界,我的导师给了我一个关于交互式 map 的元素。

问题是我不知道应该如何开始这个元素,我想知道并找出的一件事是如何只用 javascript、css 和一点点 php 制作交互式 map 或厘米?

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

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

我想知道如何在不支付工具费用的情况下,通过一些自定义来编写像上面示例中那样的交互式 map

最佳答案

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

您需要某种矢量格式的数据 - GeoJSON、GML - 诸如此类。然后编写一大堆 javascript 来向 basemap 添加图层并处理事件。

其他开源 Javascript map 工具包也可用(例如 Leaflet),但 OpenLayers 是重量级大师。

关于javascript - 鼠标悬停在上面的交互式 map ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13515864/

相关文章:

javascript - Highcharts如何将数据从服务器传递到图表中

php - 使用长脚本返回 502 Bad Gateway 错误

javascript - 有没有办法用 jquery 将元素移出其父元素?

c# - 客户端与服务器端之间兼容的加密库(JavaScript -> C# 或 Java)

javascript - TinyMce 在按下 Return 时从当前 block 元素复制类

php - Mysql 一个父多个子结果不重复父行

javascript - Laravel:在 View Blade 中解析此 json 数据?

css - 悬停时删除黑色背景

css - 无法使用 dotless 动态编辑 .less 文件

javascript - 如何从 Visual Studio Code API 打开浏览器