title: dc leaflet - dynamic markers
body: <p>I have a map built with <a href="https://github.com/Leaflet/Leaflet" rel="nofollow noreferrer">leaflet</a> and <a href="https://github.com/dc-js/dc.js" rel="nofollow noreferrer">dc.js</a> and integrating <a href="https://dc-js.github.io/dc.leaflet.js/" rel="nofollow noreferrer">dc.leaflet</a>.</p>
  
  <p>The data if fed via PHP to JSON and everything displays and filters without issue.
  There are a variable amount of markers depending on data but somewhere around 40-50 at once and each one shows the standard Default Marker.</p>
  
  <p>What I would like to do is show a different Marker based on a data field so there would be about 6 available.</p>
  
  <p>This is the dc object:</p>
  
  <pre><code>var markerMap = dc_leaflet.markerChart(".map",group1)
      .dimension(mapDim)
      .group(mapDimGroup)
      .width(450)
      .height(630)
      .center([41.08763212467916, -77.37066651228817])
      .zoom(10)
      .cluster(false) //Turn off Clustering 
      .valueAccessor(function(kv) {return kv.value.count;})
      .locationAccessor(function(kv) {return kv.value.geo;})
      .popup(function(kv) {return kv.key;})
  </code></pre>
  
  <p>According to the Docs I should be able to use <strong><a href="https://www.npmjs.com/package/dc.leaflet" rel="nofollow noreferrer">.icon() </a></strong> but this doesn't seem to work.</p>
  
  <p>So for example</p>
  
  <pre><code>if d.icon = 'icon1' then icon1.png
  </code></pre>
  
  <p>etc....</p>
  
  <p>Does anybody have a any experience adding dynamic Icons?</p>
  
  <p>Cheers</p>