几款JS地图插件比较

因工作需要,最近研究几款关于地图的JS插件,现与大家分享一下。

以下比较只是浅层次的分析一下,并没有实际通过项目检验,所以不足之处还请大家指出。

地图插件对比
插件名  简介 区域支持 扩展性 离线支持 多浏览器支持  优点  缺点
jVectorMap 国外一款显示矢量地图的jQuery插件。 世界、全国、省 支持 使用相对简单。 只支持到省级划分,不支持市级。
加载速度快。 样式、显示效果不理想。
多浏览器支持较好。 仅有基本的显示功能,若要完成复杂交互,需改源码。
  扩展性不强。
Echarts 国内一款开源插件,来自百度商业前端数据可视化团队,基于html5 Canvas,是一个纯Javascript图表库。 中国、省、市 支持 IE支持不好 支持省市级区域划分。 由于基于HTML5,因此需要支持HTML5的浏览器才行。对IE支持不完善。
直观,生动,可交互,可个性化定制。
扩展性较好。
加载速度相对较快。
地图汇 国内一款专业地图插件。面向企业机构和个人用户。 世界、全国、大区、省市、区县 暂不支持
(需联系官方客服)
支持世界,全国,区县各级行政区域。 收费。
支持多浏览器,兼容性较好。 需要联网调用官方开放接口,稳定性需要考虑。
模版丰富,功能强大,扩展性较好。  
百度地图、 国内IT公司推出的免费地图API。 世界、全国、省市、区县 不支持 功能较丰富,扩展性较好。
浏览器兼容性较好。
需要调用官方开放接口,不支持离线状态。
由于地图不是矢量图片,加载省级区域着色速度较慢。
高德地图、
搜狗地图、
soso地图、
阿里云地图、
MapBar、
51地图
Kartograph 国外一个用于创建交互式地图框架,而且不需要任何地图服务商(如:Google Maps)支持 世界、省(国外) 支持 功能较强,扩展性较好。 对中国地图支持不好。
需要SVG数据,开发难度相对较大。
Polymaps  国外一开源插件 世界、省(国外) 支持 提供快速的显示,支持矢量数据的可视化演示。 对中国地图支持不好。
需要SVG数据,开发难度相对较大。
Craftmap  国外一开源插件 世界、省(国外) 支持 加载速度快。 对中国地图支持不好。
地图效果不精细。
时间: 2025-01-06 22:10:23

几款JS地图插件比较的相关文章

基于SVG的JS地图插件

一:D3(Data-Driven Documents) 官网地址:http://d3js.org/ 功能非常强大(不支持IE8) D3 是最流行的可视化库之一,它被很多其他的表格插件所使用.它允许绑定任意数据到DOM,然后将数据驱动转换应用到Document中.你可以使用它用一个数组创建基本的HTML表格,或是利用它的流体过度和交互,用相似的数据创建惊人的SVG条形图. 几个例子及下载网址: http://www.waylau.com/svg-demo-china-map/ 在线演示 开源中国:

【百度地图API】——国内首款团购网站的地图插件

原文:[百度地图API]--国内首款团购网站的地图插件 摘要: 本文介绍了一款应用在团购网站上的地图插件,适用于目前非常流行的团购网站.使用这款地图插件,无需任何编程技术,你就把商家的位置轻松地标注在地图上. 前台地址 http://map.baidu.com/fwmap/upload/r/map/fwmap/tuangou/user.html 后台地址 http://map.baidu.com/fwmap/upload/r/map/fwmap/tuangou/admin.html ------

js日期插件

推荐一款贤心写的js日期插件,调用非常方便:顺手写了一个demo. 先列举下这款插件的优点:日期范围限制.开始日期设定.自定义日期格式.时间戳转换.当天的前后若干天返回.时分秒选择.智能响应.自动纠错.节日识别.快捷键操作.更换皮肤等. 当然还有很重要的一点是使用简单: 代码如下: <!DOCTYPE html> <html> <head>     <meta charset="UTF-8">     <title>data_

20+个很有用的 jQuery 的 Google 地图插件

Google 地图在寻找我们想要了解的商店或者其它有趣的地方这种用途方面很流行和实用. 地图被一些商店特地集成到了它们的网站上面,这样就可以让人们容易找到它们的所在. 尽管其并不容易被集成,Google 地图使用起来还是简单且引人注目的. 在你的站点上集成它需要一个漫长且复杂的过程. 但多亏了拥有一个许多实用Google地图插件资源库的jQuery. 你只需要将jQeury地图插件安装到你的站点上,然后就可以开始根据你的业务需要来设计简单但能吸引人的地图了. 在本文中,我会列出一堆实用的jQue

JVectorMap地图插件.Net版开源

jVectorMap地图插件只要浏览器技术JavaScript.CSS,HTML,SVG或VML就可以浏览使用,不需要Flash或其他专有的浏览 器插件.所以jVectorMap在所有现代移动浏览器上也能正常运行. 官方网站: http://jvectormap.com/ 1.需要引入的脚本 1     <link href="jvectormap/jquery.vector-map.css" media="screen" rel="styleshe

[原创]jquery+css3打造一款ajax分页插件

最近公司的项目将好多分页改成了ajax的前台分页以前写的分页插件就不好用了,遂重写一个 支持IE6+,但没有动画效果如果没有硬需求,个人认为没必要多写js让动画在这些浏览器中实现css3的动画本来就是帮我们取代js中这部分动画代码的使js更纯粹地去实现逻辑 效果图如下: 调用代码如下: 包括常用的加载失败重试,参数可配置是否能手动输入页码,设置按钮数目,可以调用多个page等等,调用代码很简便 <script type="text/javascript"> var kpag

可视化CSS3动画代码生成js库插件-Bounce.js

简要教程 Bounce.js是一款功能非常强大的可视化CSS3动画代码生成js库插件.该js库插件提供了一个在线APP,通过该APP可以在可视化的条件下编辑CSS3的各种动画效果,如移动.旋转.倾斜.easing等效果,编辑完成后可以直接获取该CSS3帧动画的代码,复制代码到你的页面中即可在你的页面上获得与该动画一样的效果.此外,你也可以单独使用Bounce.js,通过js代码来完成各种CSS3动画效果.Bounce.js能与jQuery完美结合. 查看演示     下载插件 安装 可以通过Bo

支持移动触摸设备的简洁js幻灯片插件

lory是一款支持移动触摸设备的简洁的js幻灯片插件.该幻灯片插件可以通过纯js调用,也可以将该幻灯片插件作为jquery插件来使用.该幻灯片的过渡动画具有硬件加速功能,并且可以定制是否使用easing效果. 以下列出该幻灯片的一些特点: 支持移动触摸设备. 简单,界面整洁,纯js调用. 可以作为jQuery插件来使用. 过渡效果支持硬件加速. 可定制easing效果. 可无限循环,制作为旋转木马. 丰富的回调函数. 效果演示:http://www.htmleaf.com/Demo/201504

微信小程序实现地图插件的调用方法

目前很多微信小程序都具备地图查看的功能,那么对于在微信小程序中如何实现地图插件的调用方法,可能很多初学小程序开发的技术人员还存在很多疑问,那么下面就来跟大家详细解答一下. 首先肯定是借助小程序自带的map组件 .wxml代码: <map id="myMap" style="width: 100%; height: 300px;" latitude="{{latitude}}" longitude="{{longitude}}&qu