title: Marker Clustering,Google Maps API
body: <pre><code>  &lt;h1&gt;Explore Ireland with me!&lt;/h1&gt;
    &lt;div id="map"&gt;&lt;/div&gt;
    &lt;script&gt;
      function initMap(){
        // map options
        var options = {
          zoom:7,
          center:{lat:53.3938131, lng:-7.858913}
  var map = new google.maps.Map(document.getElementById('map'),options);
        // Add a marker clusterer to manage the markers.
  
        //Add marker
        var markers = [
  
          //Dublin
          {
            coords:{lat:53.338741, lng:-6.261563},
            iconImage:'assets/img/places/stparkdublin.png',
            content:'&lt;h1&gt;St Stephen’s Green&lt;/h1&gt;'+ '&lt;br&gt;' + '&lt;h2&gt;Learn More&lt;/h2&gt;' + '&lt;a&gt;http://ststephensgreenpark.ie/&lt;/a&gt;'
          },
          {
            coords:{lat:53.3755012,lng:-6.2735677},
            iconImage:'assets/img/places/botanic garden.png',
            content:'&lt;h1&gt;Botanic Garden&lt;/h1&gt;' + '&lt;br&gt;' + '&lt;h2&gt;Learn More&lt;/h2&gt;' + '&lt;a&gt;http://botanicgardens.ie/&lt;/a&gt;'
          },
          {
            coords:{lat:53.355998576, lng:-6.32166538},
            iconImage:'assets/img/places/stparkdublin.png',////////////////////add picture
            content:'&lt;h1&gt;Phoenix Park&lt;/h1&gt;' + '&lt;br&gt;' + '&lt;h2&gt;Learn More&lt;/h2&gt;' + '&lt;a&gt;http://phoenixpark.ie/&lt;/a&gt;'
          },
          {
            coords:{lat:53.460259, lng:-6.219985},
            iconImage:'assets/img/places/swordscastle.png',
            content:'&lt;h1&gt;Swords Castle&lt;/h1&gt;'+ '&lt;br&gt;' + '&lt;h2&gt;Learn More&lt;/h2&gt;' + '&lt;a&gt;https://swordscastle.events/&lt;/a&gt;'
          },
          {
            coords:{lat:53.37923, lng:-6.07201},
            iconImage:'assets/img/places/Howth.png',
            content:'&lt;h1&gt;Howth&lt;/h1&gt;'+ '&lt;br&gt;' + '&lt;h2&gt;Learn More&lt;/h2&gt;' + '&lt;a&gt;http://www.visithowth.ie/&lt;/a&gt;'
          },
          {
            coords:{lat:55.1364, lng:-7.456},
            iconImage:'assets/img/places/buncrana1.png',
            content:'&lt;h1&gt;Buncrana&lt;/h1&gt;'+ '&lt;br&gt;' + '&lt;h2&gt;Learn More&lt;/h2&gt;' + '&lt;a&gt;https://en.wikipedia.org/wiki/Buncrana&lt;/a&gt;'
          },
  
          {
            coords:{lat:53.152999388, lng:-6.1499994},
            iconImage:'assets/img/places/sugarloaf_icon.png',
            content:'&lt;h1&gt;Great sugar loaf&lt;/h1&gt;'+ '&lt;br&gt;' + '&lt;h2&gt;Learn More&lt;/h2&gt;' + '&lt;a&gt;http://visitwicklow.ie/item/the-sugarloaf-trail/&lt;/a&gt;'
          },
          {
            coords:{lat:52.0058, lng:-9.5562},
            iconImage:'assets/img/places/killarney.png',
            content:'&lt;h1&gt;Killarney National Park &lt;/h1&gt;'+ '&lt;br&gt;' + '&lt;h2&gt;Learn More&lt;/h2&gt;' + '&lt;a&gt;https://www.killarneynationalpark.ie/&lt;/a&gt;'
          },
          {
            coords:{lat:51.942662896, lng:-9.917162998},
            iconImage:'assets/img/places/clifs.png',
            content:'&lt;h1&gt;Ring of Kerry&lt;/h1&gt;'+ '&lt;br&gt;' + '&lt;h2&gt;Learn More&lt;/h2&gt;' + '&lt;a&gt;https://ringofkerrytourism.com/&lt;/a&gt;'
          },
          {
            coords:{lat:52.679, lng:-7.814},
            iconImage:'assets/img/places/clifs.png',//add picture!!!!!!!!!!!!!!!
            content:'&lt;h1&gt;Thurles&lt;/h1&gt;'+ '&lt;br&gt;' + '&lt;h2&gt;Learn More&lt;/h2&gt;' + '&lt;a&gt;https://www.tipperary.com/thurles&lt;/a&gt;'
          },
          {
            coords:{lat:52.348, lng:-6.517},
            iconImage:'assets/img/places/wexford museum.png',
            content:'&lt;h1&gt;Irish National Heritage Park&lt;/h1&gt;'+ '&lt;br&gt;' + '&lt;h2&gt;Learn More&lt;/h2&gt;' + '&lt;a&gt;http://www.irishheritage.ie/&lt;/a&gt;'
          },
          {
            coords:{lat:53.018, lng:-6.398},
            iconImage:'assets/img/places/wicklow.png',
            content:'&lt;h1&gt; Wicklow Mountains National Park&lt;/h1&gt;'+ '&lt;br&gt;' + '&lt;h2&gt;Learn More&lt;/h2&gt;' + '&lt;a&gt;https://www.wicklowmountainsnationalpark.ie/&lt;/a&gt;'
          },
          {
            coords:{lat:53.011299, lng:   -6.326156},
            iconImage:'assets/img/places/glendalough.png',
            content:'&lt;h1&gt; Glendalough &lt;/h1&gt;'+ '&lt;br&gt;' + '&lt;h2&gt;Learn More&lt;/h2&gt;' + '&lt;a&gt;http://www.glendalough.ie/&lt;/a&gt;'
          },
          {
            coords:{lat:53.1876492494, lng:-6.083832998},
            iconImage:'assets/img/places/Bray.png',
            content:'&lt;h1&gt; Bray&lt;/h1&gt;'+ '&lt;br&gt;' + '&lt;h2&gt;Learn More&lt;/h2&gt;' + '&lt;a&gt;http://www.bray.ie/&lt;/a&gt;'
          },
          {
            coords:{lat:53.144, lng: -6.072},
            iconImage:'assets/img/places/greystones.png',
            content:'&lt;h1&gt;Greystones&lt;/h1&gt;'+ '&lt;br&gt;' + '&lt;h2&gt;Learn More&lt;/h2&gt;' + '&lt;a&gt;http://visitwicklow.ie/item/greystones/&lt;/a&gt;'
          },
          {
            coords:{lat:52.518664592, lng:-7.887329784},
            iconImage:'assets/img/places/Cashel.png',
            content:'&lt;h1&gt;Rock of Cashel&lt;/h1&gt;'+ '&lt;br&gt;' + '&lt;h2&gt;Learn More&lt;/h2&gt;' + '&lt;a&gt;https://www.cashel.ie/&lt;/a&gt;'
          },
          {
            coords:{lat:52.6477, lng: -7.2561},
            iconImage:'assets/img/places/kilkenny.png',
            content:'&lt;h1&gt;Killenny&lt;/h1&gt;'+ '&lt;br&gt;' + '&lt;h2&gt;Learn More&lt;/h2&gt;' + '&lt;a&gt;https://visitkilkenny.ie/&lt;/a&gt;'
          },
          //cork
          {
            coords:{lat:51.902694, lng:-8.4767},
            iconImage:'assets/img/places/butterCork.png',
            content:'&lt;h1&gt;Museum of Butter&lt;/h1&gt;'+ '&lt;br&gt;' + '&lt;h2&gt;Learn More&lt;/h2&gt;' + '&lt;a&gt;http://thebuttermuseum.com/&lt;/a&gt;'
          },
          {
            coords:{lat:51.89953, lng:-8.499022},
            iconImage:'assets/img/places/prisoncork.png',
            content:'&lt;h1&gt;Cork City Gaol&lt;/h1&gt;'+'&lt;br&gt;' + '&lt;h2&gt;Learn More&lt;/h2&gt;' + '&lt;a&gt;https://corkcitygaol.com/&lt;/a&gt;'
          },
  
          {
            coords:{lat:53.4513204, lng:-6.140871},
            iconImage:'assets/img/places/malahideB.png',
            content:'&lt;h1&gt;Malahide&lt;/h1&gt;'+'&lt;br&gt;' + '&lt;h2&gt;Learn More&lt;/h2&gt;' + '&lt;a&gt;https://www.malahide.ie/&lt;/a&gt;'
          },
  
          {
            coords:{lat:53.2839577, lng:-9.0837658},
            iconImage:'assets/img/places/galway.png',
            content:'&lt;h1&gt;Galway&lt;/h1&gt;'+'&lt;br&gt;' + '&lt;h2&gt;Learn More&lt;/h2&gt;' + '&lt;a&gt;https://www.galwaytourism.ie/&lt;/a&gt;'
          },
          {
            coords:{lat:53.470580, lng:-6.122405},
            iconImage:'assets/img/places/galway.png',
            content:'&lt;h1&gt;Donabate Beach&lt;/h1&gt;'+'&lt;br&gt;' + '&lt;h2&gt;Learn More&lt;/h2&gt;' + '&lt;a&gt;https://en.wikipedia.org/wiki/Donabate&lt;/a&gt;'
          },
          {
            coords:{lat:52.9713299, lng:-9.4300415},
            iconImage:'assets/img/places/clifsofmoher.png',
            content:'&lt;h1&gt;Donabate Beach&lt;/h1&gt;'+'&lt;br&gt;' + '&lt;h2&gt;Learn More&lt;/h2&gt;' + '&lt;a&gt;https://www.cliffsofmoher.ie/&lt;/a&gt;'
          },
          {
            coords:{lat:51.8960528, lng:-8.4980693},
            iconImage:'assets/img/places/Cork.png',
            content:'&lt;h1&gt;Cork&lt;/h1&gt;'+'&lt;br&gt;' + '&lt;h2&gt;Learn More&lt;/h2&gt;' + '&lt;a&gt;https://purecork.ie/&lt;/a&gt;'
          },
          {
            coords:{lat:53.3667776, lng:-6.5064198},
            iconImage:'assets/img/places/Leixlip.png',
            content:'&lt;h1&gt;Leixlip&lt;/h1&gt;'+'&lt;br&gt;' + '&lt;h2&gt;Learn More&lt;/h2&gt;' + '&lt;a&gt;https://pl.wikipedia.org/wiki/Leixlip&lt;/a&gt;'
          },
          {
            coords:{lat:53.1654628, lng:-6.125499},
            iconImage:'assets/img/places/littlesugarloaf.png',
            content:'&lt;h1&gt;Little Sugar Loaf&lt;/h1&gt;'+'&lt;br&gt;' + '&lt;h2&gt;Learn More&lt;/h2&gt;' + '&lt;a&gt;https://www.greystonesguide.ie/little-sugar-loafs-big-day/&lt;/a&gt;'
          },
          {
            coords:{lat:53.5474019, lng:-6.0933048},
            iconImage:'assets/img/places/rockabill view.png',
            content:'&lt;h1&gt;Rockabill View&lt;/h1&gt;'+'&lt;br&gt;' + '&lt;h2&gt;Learn More&lt;/h2&gt;' + '&lt;a&gt;http://www.skerriesseatours.ie/trips.html&lt;/a&gt;'
          },
          {
            coords:{lat:52.3337499, lng:-6.4906996},
            iconImage:'assets/img/places/wexford.png',
            content:'&lt;h1&gt;Wexford&lt;/h1&gt;'+'&lt;br&gt;' + '&lt;h2&gt;Learn More&lt;/h2&gt;' + '&lt;a&gt;https://www.visitwexford.ie/&lt;/a&gt;'
          },
        ];
  
        // Loop through markers
        for(var i = 0; i &lt; markers.length; i++){
          addMarker(markers[i]);
  
        }
  
  
  
  
        //Add MArker function
        function addMarker(props){
          var marker = new google.maps.Marker({
            position:props.coords,
            map:map,
  
          });
  
          if(props.iconImage){
            marker.setIcon(props.iconImage);
          }
  
          //Check content
          if(props.content){
            var infoWindow = new google.maps.InfoWindow({
              content:props.content
            });
            marker.addListener('click',function(){
              infoWindow.open(map,marker);
            });
          }
        }
        var markerCluster = new MarkerClusterer(map, markers,
            {imagePath: });
      }
    &lt;/script&gt;
  </code></pre>
  
  <p>I want to add marker clustering to my code. I have few custom markers, and info windows. But I don't know how to implement marker clustering. Everything works fine with my code. But For a better look I want to add this option. I check this web to see how can I add them to my code <a href="https://developers.google.com/maps/documentation/javascript/marker-clustering" rel="nofollow noreferrer">https://developers.google.com/maps/documentation/javascript/marker-clustering</a>. I put the marker clustering file onto my website and added the link into my code, but now I struggle where to put <code>var markerClusterer = new MarkerClusterer(...)</code> so it works properly.</p>