AnsweredAssumed Answered

Cluster multiple map services in leaflet

Question asked by dklassen@kamloops.ca on Apr 7, 2017
Latest reply on Apr 26, 2017 by dklassen@kamloops.ca

I am trying to cluster multiple layers in leaflet, but it doesn't seem to be working.  I have 5 rest end points that I am trying to put together to cluster using the L.markerClusterGroup().  This is what I have in my html:

 

<script>
  var map = L.map('map').setView([50.6805, -120.3421], 12);

 

  L.esri.basemapLayer('Streets').addTo(map);
  var markers = L.markerClusterGroup();
  var ArtsCultureEducation = L.esri.featureLayer({
       url: 'http://geoprodsvr.kamloops.ca/arcgis3/rest/services/Website/CityFacilities_LL/MapServer/0',
  });
  var PublicSafteySite = L.esri.featureLayer({
      url: 'http://geoprodsvr.kamloops.ca/arcgis3/rest/services/Website/CityFacilities_LL/MapServer/1',
  });

 

  markers.addLayer(PublicSafteySite);
  markers.addLayer(ArtsCultureEducation);
  map.addLayer(markers);
</script>

 

The points from the 2 layers show up, but they don't cluster.  Any help would be appreciated.

Thanks

Darryl

Outcomes