10个免费的JavaScript工具来创建交互式地图

boyanx2个月前技术教程10

在这里,我们提出了10个 JavaScript 库的完整列表,创建交互式和个性化地图。不过,也有谷歌地图制作工具和其他工具来构建地图,但在这个平台,我们特别提出只可以用来显示特殊的地图标记的JavaScript库。

Geocomplete

最新的jQuery插件,封装了谷歌地图API地理信息编码和商家信息自动填充服务。您只需提供一个输入,就可以让你搜索一个非常不错的带自动完成下拉列表的位置。任意添加一个位置,就可以显示一个交互式地图,并且将有一个地址填充表格。

Kartograph

Kartograph是构建互动式地图的应用程序,而谷歌地图或其他任何地图都只有简单的和轻量级的框架。所以它是设计师根据需求精心创建的。

GMaps

gmaps.js,您可以使用一个简单的方式就可以发挥谷歌地图的潜力。不需要广泛的文件或大量的代码。

jHere

随着jHERE的发展,您可以轻松地将交互式地图添加到您的网站,而且仅仅只有很小的压缩包,你就可以得到一个强大的地图API,可定制标记、事件处理和添加其它信息等。它最大的特点是可以通过热图来实现数据的可视化。

Mapael

Mapael是基于raphael.js的一个jQuery插件,可以让你显示动态矢量地图。

D3.js

D3.js是操纵基于数据文件的JavaScript库。 D3可以帮助你使用HTML、SVG和CSS带来的数据。 D3所强调的web标准为您提供了自己的专有架构,结合功能强大的可视化组件和数据驱动的方法,以实现DOM操作现代浏览器的全部功能。

GeoChart

一个geochart是一个国家地图,一个大陆或一个地区,在三种方式之一确定的领域:1)区域模式全色彩的地区,如国家,省或州。 2)标记模式使用圆圈来指定,将根据您指定的值进行调整区域。 3)文本模式标签与标识的区域(例如,“俄罗斯”或“亚洲”)。

DataMaps

Maplace.Js

Maplace.js帮助你嵌入谷歌地图到您的网站,快速创建标记和控制菜单在地图上相应的位置。它需要jQuery和谷歌地图API第3版,所以你需要在你的网站里有这两样东西。

Stately

可以很容易地创建仅使用HTML和CSS构建的地图。每个国家可以独立使用CSS制作简单的可视化样式。而且因为它是一个字体,所以它扩展更大或更小的同时还可以保持较好的粘合性。

对于用JavaScript 和jQuery来创建交互式地图有兴趣的朋友可以直接点击链接参考一下,希望对你有帮助。

本站文章除注明转载外,均为本站原创或翻译

相关文章

上万条数据 批量录入系统的自动化过程

在日常的工作中 ,使用Excel保存处理数据很方便,但不利于分散数据收集和统计。如果建立了信息管理系统,就需要把数据批量录入到管理系统,如果系统不提供数据导入功能,仅靠人工录入数据,不仅费时费力,还特...

jquery 表单常用方法解析

input选择NAME参数$("input[name='optionsRadios']").prop("checked",false);赋值$("input[name='radioName'][val...

使用INFINITE AJAX SCROLL实现下拉加载效果

现在很多网页都有个体验不错的效果:浏览到页面底部的时候,自动加载下一页内容,也就是下拉加载效果,这种效果可以让用户不用点击“下一页”按钮,也可以实现翻页,无论在PC还是手机上,体验效果都很不错,下面我...

Html5之Bootstrap框架介绍

Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstra...

Angular UI组件库入门指南 - 如何安装和开始使用(一)

本文主要介绍如何安装和开始使用Kendo UI for Angular。首先完成安装步骤。然后创建一个简单的应用程序,其中包含一些Kendo UI for Angular组件,应用程序源代码可供您参考...

Jquery属性获取——attr()与prop

今天在项目中使用下拉菜单时,使用juery操作,使页面加载完菜单默认选中的值为2,我一开始的操作如下: 1 2 3 /**js部分**/ $("select").attr("s...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。