jQuery addClass example

Change class name on click in jQuery

by merganser

HTML

<script src="http://jvectormap.com/js/jquery-jvectormap-2.0.3.min.js"></script>
<script src="http://jvectormap.com/js/jquery-jvectormap-world-mill.js"></script>
<script src="http://jvectormap.com/js/jquery-jvectormap-us-lcc.js"></script>
<link rel="stylesheet" href="http://jvectormap.com/css/jquery-jvectormap-2.0.3.css">
 <div id="world-map" style="width: 600px; height: 400px"></div>

CSS

body {
  background: #20262E;
  padding: 20px;
  font-family: Helvetica;
}

JavaScript

$(function(){
      new jvm.MultiMap({
    container: $('#world-map'),
    maxLevel: 1,
    main: {
      map: 'us_lcc'
    },
    mapUrlByCode: function(code, multiMap){
      return 'http://jvectormap.com/js/us-counties/jquery-jvectormap-data-'+
             code.toLowerCase()+'-'+
             multiMap.defaultProjection+'-en.js';
    }
  });
    });