title: Angular Google Map multiple MarkerClusterers
body: <p>I never seen any example talking about how to use multiple MarkerClusterers in Angularjs google map.</p>
  
  <p>I created an plunker for my code:</p>
  
  <p><a href="http://plnkr.co/edit/TlkZ18IMbWKxI8pdgwko?p=preview" rel="nofollow">http://plnkr.co/edit/TlkZ18IMbWKxI8pdgwko?p=preview</a></p>
  
  <p>The template looks like this:</p>
  
  <pre><code>&lt;ui-gmap-google-map center="map.center" zoom="map.zoom" draggable="true" options="options" bounds="map.bounds"&gt;
      &lt;ui-gmap-markers models="randomMarkers" coords="'self'" type="cluster" icon="'icon'" &gt;
      &lt;/ui-gmap-markers&gt;
      &lt;ui-gmap-markers models="randomMarkers1" coords="'self'" type="cluster" typeOptions='{"title":"Hi I am a Cluster!","gridSize":20,"ignoreHidden":true,"minimumClusterSize":2}' icon="'icon'"&gt;
      &lt;/ui-gmap-markers&gt;
  </code></pre>
  
  <p></p>
  
  <p>I have problem to make the markercluster work</p>