Add clustering support in map

toggle-corp · Jul 25, 2019 · 37d20aa · 37d20aa
1 parent eb35855
commit 37d20aa
Showing 1 changed file with 25 additions and 8 deletions.
diff --git a/components/Visualization/Map/MapSource/index.js b/components/Visualization/Map/MapSource/index.js
@@ -146,6 +146,9 @@ export default class MapSource extends React.PureComponent {
             bounds,
             boundsPadding,
             images,
+            cluster,
+            clusterMaxZoom,
+            clusterRadius,
         } = props;
 
         if (images) {
@@ -164,19 +167,33 @@ export default class MapSource extends React.PureComponent {
             });
         }
 
+        const properties = {};
+
         // console.info('Adding source', this.props.sourceKey);
         if (geoJson) {
-            map.addSource(sourceKey, {
-                type: 'geojson',
-                data: geoJson,
-            });
+            properties.type = 'geojson';
+            properties.data = geoJson;
         } else if (url) {
-            map.addSource(sourceKey, {
-                type: 'vector',
-                url,
-            });
+            properties.type = 'vector';
+            properties.url = url;
         }
 
+        if (cluster) {
+            properties.cluster = cluster;
+        }
+
+        if (clusterMaxZoom) {
+            properties.clusterMaxZoom = clusterMaxZoom;
+        }
+
+        if (clusterRadius) {
+            properties.clusterRadius = clusterRadius;
+        }
+
+        // NOTE: Inject properties for source
+
+        map.addSource(sourceKey, properties);
+
         if (bounds) {
             map.fitBounds(bounds, { padding: boundsPadding });
         }