符合中小企业对网站设计、功能常规化式的企业展示型网站建设
本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...
商城网站建设因基本功能的需求不同费用上面也有很大的差别...
手机微信网站开发、微信官网、微信商城网站...
这期内容当中小编将会给大家带来有关非常好用的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矢量地图生成插件有哪些了,如果刚好有类似的疑惑,不妨参照上述分析进行理解。如果想知道更多相关知识,欢迎关注创新互联行业资讯频道。