网页设计深圳: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。

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

  • 地图数据来源 :公开

  • 依赖关系 :没有

  • 许可证 :未定义的


最新案例

寒枫总监

来电咨询

400-6065-301

微信咨询

寒枫总监

TOP