Vector Maps
Vector maps are created using jQuery Mapael. it is a jQuery plugin based on raphael.js that allows you to display dynamic vector maps.
Add JavaScript library to your body tag on page
<script src="assets/vendor/raphael/raphael.2.2.7.min.js"></script><script src="assets/vendor/mapael/jquery.mapael.min.js"></script>
you can additional maps like one in demo by including it in js.
Add Markup
<div class="map-container"><div class="map">Alternative content</div></div>
Remember to add child to the selector with class name .map
Initialize the map with data
$(".map-container").mapael({map : {name : "world_countries"}});
Last updated 3 years ago