ITPub博客

首页 > Linux操作系统 > Linux操作系统 > 超棒的jQuery矢量地图生成插件 - JQVAMP

超棒的jQuery矢量地图生成插件 - JQVAMP

原创 Linux操作系统 作者:jjfat 时间:2012-05-14 15:53:12 0 删除 编辑

日期:2012-5-14  来源:GBin1.com

超棒的jQuery矢量地图生成插件 -  JQVAMP

在线演示  本地下载

是不是也考虑生成一个矢量类型的地图?今天我们将介绍的这款jQuery插件 - JQVMAP 可 以方便的帮助你生成漂亮的矢量地图。在现代浏览器中它使用了SVG(Scalable Vector Graphics)技术生成地图图片,如果你也需要支持老版本的浏览器,例如,IE6/7/8的话,它也可以通过VML来实现,非常不错的jQuery插 件,相信大家一定会喜欢!

主要特性

  • 支持现代浏览器,同时对于老版本浏览器也可以通过其它fallback方式支持
  • 支持缩放,拖动查看
  • 提供丰富的地图生成参数
  • 目前支持:世界地图,美国地图,欧洲,德国地图
  • 你可以自己定义自己的地图(当然,这个过程比较繁琐)
  • 实时更新地图
  • 需要jQuery类库支持
  • 完整清晰的文档说明

如何使用

JQVAMP使用非常简单,导入jQuery类库和插件类库,如下:





地图插件生成代码:

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

来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/8288/viewspace-723536/,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2011-10-08

  • 博文量
    316
  • 访问量
    377829