title: Different Colored Markers with JvectorMaps
body: <p>With JVectorMap, How can I add two sets of markers that are different colors? There's been one other question asked about it and the solution didn't work on JSFiddle. Right now I have markers like and I can attribute types, but I don't know the code that would change the colors of specific types. Any help?</p>
  
  <pre><code>&lt;div id="map"&gt;&lt;/div&gt;
  &lt;script&gt;
    $(function(){
      $('#map').vectorMap({
      map: 'us_aea_en',
      zoomOnScroll: true,
      hoverOpacity: 0.7,
      markerStyle: {
        initial: {
          fill: '#800000',
          stroke: '#383f47'
        }
      },
      markers: [
        {latLng: [41.50, -87.37], name: 'Test1 - 2010', type : "chicago"},
        {latLng: [39.16, -84.46], name: 'Test2 - 2010'},
        {latLng: [39.25, -84.46], name: 'Test3 - 2010'}
      ] 
  
  
      });
     });
  &lt;/script&gt;
  </code></pre>