非常好的jQuery矢量地图生成插件

在线演示本地下载

是不是也考虑生成一个矢量类型的地图？今天我们将介绍的这款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矢量地图生成插件
分享URL：http://www.csdahua.cn/qtweb/news13/323113.html

网站建设、网络推广公司-快上网，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：快上网

成都快上网为您推荐相关内容