<p><strong>UPDATE</strong></p>
<p>It looks like the underlying MarkerClusterer library has been moved (and theoretically improved).</p>
<p>The new library can be found here...</p>
<blockquote>
<p><a href="https://github.com/googlemaps/js-markerclustererplus" rel="nofollow noreferrer">https://github.com/googlemaps/js-markerclustererplus</a></p>
</blockquote>
<p>Not sure how much that affects the original JavaScript example below, but it's probably still a reasonable starting point.</p>
<hr />
<p><strong>ORIGINAL</strong></p>
<p>As Jalen mentioned in his answer, this functionality isn't <em>(currently)</em> built into Smart Map. However, it's very easy to add yourself...</p>
<p>First, you'll need to add the <strong>MarkerClusterer</strong> library to your map page. You can link to it normally, just as you would with any other JS library.</p>
<p>Once you've got the library installed, you'll be able to cluster your markers with code as simple as this:</p>
<pre class="lang-js prettyprint-override"><code>var map = smartMap.map['smartmap-mapcanvas-1'];
var markers = smartMap.marker;

var markerCluster = new MarkerClusterer(map, markers);
</code></pre>
<p>Pretty much everything else happens automagically!</p>

CC BY-SA 4.0
2018-12-10T20:26:17.757Z
2021-01-04T18:45:50.910Z
2021-01-04T18:45:50.910Z
Lindsey D
<p>I don't believe Smart Map currently offers that functionality. I'd recommend opening an issue with your feature request over at <a href="https://github.com/doublesecretagency/craft-smartmap" rel="nofollow noreferrer">https://github.com/doublesecretagency/craft-smartmap</a>.</p>

CC BY-SA 4.0
2021-01-04T18:57:58.990Z
Surprised it took this long, but somebody finally [went and did it...](https://github.com/doublesecretagency/craft-smartmap/issues/67) :)
Lindsey D
CC BY-SA 4.0
2018-12-10T18:22:45.590Z
2018-12-10T18:22:45.590Z
Jalen Davenport
<p>I started to work with Craft CMS a couple month ago, I have a client that wants to have a clustered map, I went over Smart Map documentation but I couldn't find anything about on how to add Google MarkerClusterer library.</p>

<templating><javascript><plugin-smartmap>
How can I add Google MarkerClusterer library to Smart Map?
# How can I add Google MarkerClusterer library to Smart Map?

(Asked by: username_0 on 2018-12-10)

I started to work with Craft CMS a couple month ago, I have a client that wants to have a clustered map, I went over Smart Map documentation but I couldn't find anything about on how to add Google MarkerClusterer library.

**Tags:** templating, javascript, plugin-smartmap

---

## 2 answers

### Answer by username_1 on 2018-12-10. Score: 3

UPDATE
It looks like the underlying MarkerClusterer library has been moved (and theoretically improved).
The new library can be found here...

https://github.com/googlemaps/js-markerclustererplus

Not sure how much that affects the original JavaScript example below, but it's probably still a reasonable starting point.

ORIGINAL
As Jalen mentioned in his answer, this functionality isn't (currently) built into Smart Map. However, it's very easy to add yourself...
First, you'll need to add the MarkerClusterer library to your map page. You can link to it normally, just as you would with any other JS library.
Once you've got the library installed, you'll be able to cluster your markers with code as simple as this:
var map = smartMap.map['smartmap-mapcanvas-1'];
var markers = smartMap.marker;

var markerCluster = new MarkerClusterer(map, markers);

Pretty much everything else happens automagically!


---

### Answer by username_2 on 2018-12-10. Score: 1

I don't believe Smart Map currently offers that functionality. I'd recommend opening an issue with your feature request over at <https://github.com/doublesecretagency/craft-smartmap>.

> **Comments:**
> **username_1**: Surprised it took this long, but somebody finally [went and did it...](https://github.com/doublesecretagency/craft-smartmap/issues/67) :)  

---

