这些JS库可用于显示特殊的地图标记，绘制自定义路线，甚至在您悬停或单击地图的某些点时显示对话框。
但是，如果您更喜欢使用Javascript库，请给我们提供相关信息。
我们以前使用过Google Map Maker和其他10种工具来帮助您构建地图 。
为了方便起见，还包括了每个库的地图数据源，依赖项和许可证。
以所需的样式个性化地图（其中一些可以使用CSS设置样式），或自定义地图以使其具有交互性 。
除了添加地图之外，您还可以在地图中添加一些内容，例如折线（可能对绘制路线有用），特殊的菜单控件甚至HTML元素。
GMaps使添加和自定义Google Maps变得轻而易举。
GMaps与JSON格式的数据兼容，可用于将地图与特定的应用程序集成，例如Foursquare。
- 地图数据源 ：谷歌地图
- 依赖关系 ： 无
- 执照 ：麻省理工学院执照
jHERE从HERE map派生地图可视化， HERE map是Windows Phone最受欢迎的地图提供程序之一。
您仍然可以使用一些自定义选项来构建功能强大的交互式地图。
jHERE大小为5KB时，大小无关紧要。
可以使用新功能来扩展该库，并且为此库开发了几个扩展 ，包括用于添加形状，路线和自定义标记的一个扩展 。
- 地图数据源 ：HERE地图
- 依赖关系 ：jQuery或ZeptoJS
- 执照 ：麻省理工学院执照
您可以看一下交互式地图演示，以发现Kartograph可以做什么。
由于Kartograph.js建立在Raphael.js之上，因此该地图可以很好地运行到IE7。
Kartograph包含两个文件，Kartograph.ph用于生成SVG格式的地图，Kartograph.js用于在地图顶部添加交互式元素。
- 地图数据来源 ：Kartograph
- 依赖项 ：Kartograph.py，Raphael和jQuery
- 执照 ：AGPL和LGPL
您还可以在区域上添加工具提示，以及click或hover类的事件处理程序。
例如，您可以创建地图，并根据区域用不同的颜色指定地图上的每个区域。
jQuery Mapael允许您创建具有精美数据可视化以及交互性的地图。
通过为无法抓取JavaScript生成的内容的搜索引擎机器人提供替代内容，该地图在构建时就牢记SEO。
- 地图数据源 ：Raphael.js
- 依赖关系 ：jQuery
- 执照 ：麻省理工学院执照
查看此世界银行全球发展地图 ，您将看到使用D3.js进行构建的可能性。
D3的用途非常多样，包括用于构建高度互动的地图。
D3.js是一个全面JavaScript库，它将通过HTML，SVG和CSS使您的数据栩栩如生。
- 地图数据源 ：D3.js
- 依赖关系 ： 无
- 许可 ： 未定义
我是否提到地图是响应式的？
它继承了D3.js的许多功能，因此您可以使用它构建简单或非常自定义的地图。
DataMaps本质上是一个D3.js插件，专门用于构建地图。
如果使用D3.js构建地图非常麻烦 ，则可以使用DataMaps 。
- 地图数据源 ：D3.js
- 依赖项 ：D3.js和TopoJSON
- 执照 ：麻省理工学院执照
该地图是使用SVG生成的，可以通过多种方式进行自定义，包括更改区域颜色，添加弹出窗口和自定义地图标记。
GeoChart是一种简化的Google地图，可显示区域，标记和文本，而不是带有微小细节的完整地图。
- 地图数据源 ：谷歌地图
- 依赖关系 ： 无
- 许可 ：阅读Google Maps TOS
因此，如果您想以最简单的方式构建地图，那么这是另一个值得关注的出色插件。
Maplace可在所有浏览器（包括IE6）中使用。
Maplace ，一个jQuery插件，用于通过Google Maps API v3生成地图。
- 地图数据源 ：谷歌地图
- 依赖关系 ：jQuery
- 执照 ：麻省理工学院执照
考虑到您可以在生成的地图上添加交互式元素，该库的重量相对较轻。
庄严的是JavaScript库，用于生成美国地图。
- 地图数据源 ：庄严/ SVG
- 依赖关系 ： 无
- 执照 ：麻省理工学院执照
图书馆将在地图上添加一个输入字段，该字段将在您输入时显示有关城市，国家或州的建议。
GeoComplete本身就是一个独特JavaScript库。
- 地图数据源 ：谷歌地图
- 依赖关系 ：jQuery
- 执照 ：麻省理工学院执照
最重要的是，您可以添加动画标记，我认为这将使地图更加生动，插入带有变量HTML内容或占位符ala Handlebars 。
它支持加载地理格式的JSON数据（如TopoJSON和GeoJSON）以呈现地图。
地图工具提供直观的API以添加Google地图。
- 地图数据源 ：谷歌地图
- 依赖项 ：GeoJSON / TopoJSON
- 执照 ：麻省理工学院执照
您可以从许多地图服务中使用平铺图层或矢量图层选择地图图层源。
OpenLayers是一个高性能的开源JavaScript框架，可使用各种地图服务构建交互式地图。
要使用OpenLayers在您的网络中实现地图，下面的教程将对您有所帮助。
您可以将CSS用于地图的其他外观。
OpenLayer开箱即用，可用于跨设备和浏览器构建地图。
- 地图数据源 ：OpenStreetMap
- 依赖关系 ：无
- 许可 ：未定义
尽管您可以轻松地使用CSS3自定义样式，但它带有不错的默认设计。
Leaflet具有您所需的大多数在线地图功能：平铺层，弹出窗口，标记和自由矢量层，例如折线，多边形，圆形或矩形。
对于特定功能，只需使用plugins扩展Leaflet即可。
开发人员赋予Leaflet基本功能以使其完美运行，使其体积较小，非常适合移动设备。
Leaflet具有针对移动浏览器和桌面浏览器的最多的使用交互功能。
- 地图数据源 ：OpenStreetMap
- 依赖关系 ：无
- 许可 ：未定义
翻译自: https://www.hongkiat.com/blog/javascript-libraries-for-interactive-maps/