MedHossam/Tunisia-jQuery-Vector-MAP

based on JQVMap #Tunisia jQuery Vector MAP This project is based on JQVMap. So you can have a full documentation at their git repository. This project is only for the Tunisia Regions MAP Preview ====== Feel free to try the map HERE. How To Use ====== To get started, all you need to do is include the JavaScript and CSS files for the map you want to load. Here is a sample HTML page for loading the World Map with default settings: Tunisia jQuery Vector MAP jQuery(document).ready(function() { jQuery('#jqvmap').vectorMap({ map: 'tn_regions_fr' }); }); Making it Pretty ====== While initializing a map you can provide parameters to change its look and feel. jQuery('#vmap').vectorMap({ map: 'tn_regions_fr', backgroundColor: '#7EA4D0', borderColor: '#818181', borderOpacity: 0.75, borderWidth: 1, color: '#f4f3f0', enableZoom: true, hoverColor: '#C9DFAF', hoverOpacity: null, normalizeFunction: 'linear', scaleColors: ['#b6d6ff', '#005ace'], selectedColor: '#C9DFAF', selectedRegion: null, showTooltip: true, onRegionClick: function(element, code, region) { var msg = 'You clicked "' + region + '" which has the code: ' + code.toUpperCase(); alert(msg); } }); Configuration Settings ------ **map** *'tn_regions_fr'* The Map you want to load. Must include the javascript file with the name of the map you want. There are many maps available with this library, but in this project the only map available is 'tn_regions_fr', it will be other libraries available in other languages. (e.g. tn_regions_ar, tn_regions_en, etc.) **backgroundColor** *'#7EA4D0'* Background color of map container in any CSS compatible format. **borderColor** *'#818181'* Border Color to use to outline map objects **borderOpacity** *0.75* Border Opacity to use to outline map objects ( use anything from 0-1, e.g. 0.5, defaults is 0.25 ) **borderWidth** *3* Border Width to use to outline map objects ( defaults to 1 ) **color** *'#f4f3f0'* Color of map regions. **colors** Colors of individual ma …