网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

非常好用的jQuery矢量地图生成插件有哪些

这期内容当中小编将会给大家带来有关非常好用的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矢量地图生成插件有哪些了,如果刚好有类似的疑惑,不妨参照上述分析进行理解。如果想知道更多相关知识,欢迎关注创新互联行业资讯频道。


文章名称:非常好用的jQuery矢量地图生成插件有哪些
当前路径:http://bjjierui.cn/article/pcdosd.html

其他资讯