网页设计深圳：13个 JavaScript库创建交互式和定制的地图

2019.09.07 网页设计深圳

160

我们网页设计深圳以前的特色谷歌地图制造商和其他10 工具来帮助您构建地图。然而,如果你喜欢使用Javascript库相反,我们得到了这个职位。这是JS库可以使用显示特殊地图标记,绘制自定义路由,甚至行显示一个对话框,当你鼠标或点击地图上的某些点。

个性化你的地图在你想要的风格——他们中的一些人可以用CSS样式化的或定制你的地图一样互动。地图数据的来源、依赖和许可证的每个库包含了您的方便。

更多关于Hongkiat:

如何风格谷歌地图吗
获取用户位置与HTML5地理定位API
数据可视化:20 +有用的工具和资源

GMaps

GMaps 让谷歌地图添加和自定义的微风。添加一个地图,也可以几件事情进入地图,比如画折线这可能是有用的一个路线,一个特殊的菜单控制,甚至HTML元素。

GMaps兼容JSON格式的数据,您可以使用集成地图与特定应用程序,像Foursquare。

地图数据来源 :谷歌地图
依赖关系 : 没有一个
许可证 :麻省理工学院许可

jHere

5 kb, jHERE显示大小并不重要; 你仍然可以建立一个强大的互动地图,少量的定制选项。 jHERE地图可视化来自这里的地图 ,这是一个最受欢迎的Windows Phone地图提供商。

图书馆可以扩展新功能,还有几个扩展为这个库包括一个用于添加形状,开发路线,和自定义标记。

地图数据来源 :这里的地图
依赖关系 :jQuery或ZeptoJS
许可证 :麻省理工学院许可

Kartograph

Kartograph 包含两个文件,Kartograph。 ph值生成SVG格式的地图,和Kartograph。 js添加交互元素的映射。因为Kartograph。 js是拉斐尔的之上。 js地图到IE7工作。你可以看一下互动地图演示发现Kartograph能做什么。

地图数据来源 :Kartograph
依赖关系 :Kartograph。 py、拉斐尔和jQuery
许可证 :AGPL和LGPL

Mapael

jQuery Mapael 允许您创建地图与优雅的数据可视化和交互性。例如,您可以创建一个地图,在地图上指定每个地区基于区域用不同的颜色。你也可以添加工具提示在该地区,以及事件处理程序点击或徘徊。

地图构建记住SEO提供备选内容搜索引擎机器人不能爬行JavaScript-generated内容。

地图数据来源 :Raphael.js
依赖关系 jQuery:
许可证 :麻省理工学院许可

D3js

D3.js 是一个全面的JavaScript库,将您的数据通过HTML、SVG和CSS。 D3使用相当多样包括建设一个高度互动地图。看这张地图世界银行的全球发展,你会发现你的可能性与D3.js可以构建。

地图数据来源 :D3.js
依赖关系 : 没有一个
许可证 : 未定义的

DataMaps

如果建立一个地图D3。 js是压倒性的,您可以使用 DataMaps 。 DataMaps本质上是一个D3。 js插件开发专门构建地图。它继承了许多D3的能力。 js,因此您可以构建简单,也可能非常定制的地图。我提到地图响应吗?

地图数据来源 :D3.js
依赖关系 :D3。 js和 TopoJSON
许可证 :麻省理工学院许可

GeoChart

GeoChart是一个简化的谷歌地图显示区域,标记,和文本,而不是一个成熟的地图与微小的细节。在SVG地图生成,可以定制在许多方面包括该地区改变颜色,添加弹出,和自定义地图标记。

地图数据来源 :谷歌地图
依赖关系 : 没有一个
许可证 :阅读谷歌地图服务条款

Maplace

Maplace ,一个jQuery插件生成地图通过谷歌地图API v3。 Maplace工作在所有的浏览器,包括IE6。这是另一个插件的注意力,如果你想在最简单的方式建立映射。

地图数据来源 :谷歌地图
依赖关系 jQuery:
许可证 :麻省理工学院许可

庄严的

庄严的JavaScript库,开发生成我们的地图。图书馆是相对轻量级的考虑,您可以添加交互元素之上生成的地图。

地图数据来源 :庄严的/ SVG
依赖关系 : 没有一个
许可证 :麻省理工学院许可

GeoComplete

GeoComplete本身是一个截然不同的JavaScript库。图书馆将添加一个输入字段的映射,将显示建议的城市,国家或州的类型。

地图数据来源 :谷歌地图
依赖关系 jQuery:
许可证 :麻省理工学院许可

地图工具

地图工具提供了直观的API添加谷歌地图。它支持加载geo-formatted JSON数据等 TopoJSON 和GeoJSON 呈现地图。最重要的是,您可以添加动画地图标记,我想会更加活泼,与阿拉巴马州变量或占位符插入HTML内容车把。

地图数据来源 :谷歌地图
依赖关系 :GeoJSON / TopoJSON
许可证 :麻省理工学院许可

OpenLayers

OpenLayers 是一个高性能的开源JavaScript框架构建交互式地图使用不同的地图服务。你可以选择地图层使用平铺层或向量层从来源地图服务的数量。

OpenLayer移动来准备的,适合在设备和浏览器构建地图。你可以使用CSS来一看不同的地图。实现在web使用OpenLayers地图,这是一个教程这将有所帮助。

地图数据来源 :公开
依赖关系 :没有
许可证 :未定义的

小叶

网页设计深圳开发人员给小叶基本功能完全工作,保持其尺寸小,适合移动设备。为特定的功能,只是延长传单使用插件。传单大部分在线地图功能你需要:砖层,弹出,标记,和自由向量层折线、多边形、圆形或矩形。它有漂亮的默认设计虽然可以轻松定制样式使用CSS3。

传单有最使用交互功能为移动和桌面浏览器。

地图数据来源 :公开
依赖关系 :没有
许可证 :未定义的