What are the very useful plug-ins for jQuery vector map generation
This issue of the content of the editor will bring you about the very easy to use jQuery vector map generation plug-ins, the article is rich in content and professional analysis and description for you, after reading this article, I hope you can get something.
Would you also consider generating a vector-type map?
Today we will introduce the jQuery plug-in-JQVMAP can easily help you generate beautiful vector maps. In modern browsers, it uses SVG (Scalable Vector Graphics) technology to generate map images. If you also need to support older browsers, such as IE6/7/8, it can also be achieved through VML. Very good jQuery plug-ins, I believe you will like it!
Main characteristics
Modern browsers are supported, and older browsers can also be supported by other fallback methods
Support zooming, dragging to view
Provide rich map generation parameters
Current support: world Map, American Map, European Map, German Map
You can define your own map (of course, the process is cumbersome)
Update the map in real time
JQuery class library support is required
Complete and clear documentation
How to use
JQVAMP is very easy to use. Import the jQuery class library and plug-in class library, as follows:
The map plug-in generates code:
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: ['# C8EEFFF,'# 006491'], normalizeFunction: 'polynomial', onRegionOver: function (element, code, region) {$(' # region') .html (region) }, onRegionClick: function (element, code, region) {$('# region') .html ('You selected "' + region +'");});})
The documentation of the plug-in is very complete, and you can easily view the relevant options and callback methods.
The above is the editor for you to share the very good jQuery vector map generation plug-in which, if you happen to have similar doubts, you might as well refer to the above analysis to understand. If you want to know more about it, you are welcome to follow the industry information channel.
