超棒的jQuery矢量地图生成插件 - JQVAMP
来源:互联网 发布:迅雷 您的网络异常 编辑:程序博客网 时间:2024/05/19 11:38
日期:2012-5-14 来源:GBin1.com
在线演示 本地下载
是不是也考虑生成一个矢量类型的地图?今天我们将介绍的这款jQuery插件 - JQVMAP 可 以方便的帮助你生成漂亮的矢量地图。在现代浏览器中它使用了SVG(Scalable Vector Graphics)技术生成地图图片,如果你也需要支持老版本的浏览器,例如,IE6/7/8的话,它也可以通过VML来实现,非常不错的jQuery插 件,相信大家一定会喜欢!
主要特性
- 支持现代浏览器,同时对于老版本浏览器也可以通过其它fallback方式支持
- 支持缩放,拖动查看
- 提供丰富的地图生成参数
- 目前支持:世界地图,美国地图,欧洲,德国地图
- 你可以自己定义自己的地图(当然,这个过程比较繁琐)
- 实时更新地图
- 需要jQuery类库支持
- 完整清晰的文档说明
如何使用
JQVAMP使用非常简单,导入jQuery类库和插件类库,如下:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script><script src="../jqvmap/jquery.vmap.js" type="text/javascript"></script><script src="../jqvmap/maps/jquery.vmap.world.js" type="text/javascript"></script><script src="../jqvmap/data/jquery.vmap.sampledata.js" type="text/javascript"></script>
地图插件生成代码:
jQuery(document).ready(function() { jQuery('#vmap').vectorMap({ map: 'world_en', backgroundColor: '#202020', color: '#5DB0E6', hoverOpacity: 0.7, selectedColor: '#333333', enableZoom: true, showTooltip: true, values: sample_data, scaleColors: ['#C8EEFF', '#006491'], normalizeFunction: 'polynomial', onRegionOver: function(element, code, region){ $('#region').html(region); }, onRegionClick: function(element, code, region){ $('#region').html('You selected "' + region + '"'); } });});
插件的文档非常完善,你可以很方便的查看相关的选项和callback方法。相信大家肯定有机会应用到自己的网站开发和设计中,希望大家喜欢,如果你有任何问题和建议请给我们留言,谢谢!
来源:超棒的jQuery矢量地图生成插件 - JQVAMP
- 超棒的jQuery矢量地图生成插件 - JQVAMP
- 分享一款超棒的jQuery Google地图插件:Gmaps
- 帮助你生成全屏视频背景的超棒jQuery插件 - BigVideo.js
- 10个生成全球地图的jQuery插件
- jquery生成地图的插件JVectorMap初体验
- 分享一款超棒的jQuery旋钮插件 - jQuery knob
- JQuery---分享13款最新的超棒jQuery插件
- jQuery的jVectorMap矢量地图用法(部分功能实现)
- 为开发者们准备的超棒的jQuery插件
- 使用超酷的jQuery缩略图生成插件NailThumb制作漂亮的缩略图web应用
- 一个超棒的消息提示jQuery插件 - Noty
- 超棒的jQuery密码强度检验插件 - Complexify
- 一个超棒的jQuery通知栏插件 - jBar
- 6款不容错过的超棒倒计时jQuery插件
- 超棒的旋转式幻灯jQuery插件 - Roundabout
- 超棒的环形菜单效果jQuery插件
- 超棒的免费jQuery幻灯插件:Nivo Slider
- 帮助你生成超酷计时器和时钟效果的jQuery插件 - FlipClock.js
- php学习之变量的使用
- ubuntu下arm-linux-gcc的问题
- 删除iscsi设备上的主机节点【未完成】
- 事件处理009(触摸屏)
- 11级_Java_曹建波5.14 字节流
- 超棒的jQuery矢量地图生成插件 - JQVAMP
- log4j的使用
- 跨浏览器的inline-block
- 关于fflush(stdin)清空输入缓存流~VC6与gcc的区别~
- 在servlet里面使用printWriter输出ireport到jsp显示乱码的解决方法
- Controlfile Recovery WITHOUT Resetlogs
- 活在当下:人这一辈子,你总的坚持点什么
- linux whoami命令参数及用法详解--linux查看登陆用户名
- 5.13 广东移动 笔试题