title: jvectormap region colors
body: <p>Im using the <a href="http://jvectormap.com" rel="nofollow noreferrer">jvectormap plugin</a>, and I am trying to set the colors of each of the regions on the map. However, after applying the code below the map is displayed but with no colours applied. It just shows the map in white. </p>
  
  <p>I have read multiple examples and questions on this matter, but I cant seem to get it to work for me.</p>
  
  <p><a href="http://jvectormap.com/examples/random-colors/" rel="nofollow noreferrer">Example 1</a> of setting random colours on a map.</p>
  
  <p><a href="http://jvectormap.com/documentation/javascript-api-v1/jvm-dataseries/" rel="nofollow noreferrer">Documentation</a></p>
  
  <p><a href="https://stackoverflow.com/questions/11750145/javascript-trouble-using-for-in-to-iterate-through-an-object">Similar question</a> to mine, however it doesn't solve my problem.</p>
  
  <pre><code>jQuery('#mapDiv').vectorMap({
      map: 'au_merc_en',
      backgroundColor: 'none',
      colors: {
          AU-SA: '#4E7387',
          AU-WA:'#333333',
          AU-VIC:'#89AFBF',
          AU-TAS:'#817F8E',
          AU-QLD:'#344B5E',
          AU-NSW:'#344B5E',
          AU-ACT:'#344B5E',
          AU-NT:'#344B5E'
  
      },
      series: {
        regions: 
        [{
          attribute: 'fill'
        }]
      }
  });
  </code></pre>
  
  <p>Can anyone see the problem?</p>