feat: basic cluster support

Author: farfromrefug

src/mapbox.android.ts

@@ -2429,6 +2429,12 @@ export class Mapbox extends MapboxCommon implements MapboxApi {
                         if (options.maxzoom) {
                             geojsonOptions.withMaxZoom(options.maxzoom);
                         }
+                        if (options.cluster) {
+                            geojsonOptions
+                                .withCluster(true)
+                                .withClusterMaxZoom(options.cluster.maxZoom || 13)
+                                .withClusterRadius(options.cluster.radius || 40);
+                        }
 
                         const geoJsonSource = new com.mapbox.mapboxsdk.style.sources.GeoJsonSource(id, geojsonOptions);
                         if (options.data) {

src/mapbox.common.ts

@@ -332,6 +332,10 @@ export interface GeoJSONSource extends Source {
     data?: any;
     minzoom?: number;
     maxzoom?: number;
+    cluster?: {
+        radius;
+        maxZoom;
+    };
 }
 
 // ------------------------------------------------------------
@@ -650,7 +654,7 @@ export interface MapboxApi {
 
     setOnFlingListener(listener: () => void, nativeMap?: any): Promise<any>;
 
-    setOnCameraMoveListener(listener: (reason, animated?:boolean) => void, nativeMap?: any): Promise<any>;
+    setOnCameraMoveListener(listener: (reason, animated?: boolean) => void, nativeMap?: any): Promise<any>;
 
     setOnCameraMoveCancelListener(listener: () => void, nativeMap?: any): Promise<any>;
 
@@ -769,7 +773,7 @@ export interface MapboxViewApi {
 
     setOnFlingListener(listener: () => void): Promise<any>;
 
-    setOnCameraMoveListener(listener: (reason, animated?:boolean) => void): Promise<any>;
+    setOnCameraMoveListener(listener: (reason, animated?: boolean) => void): Promise<any>;
 
     setOnCameraMoveCancelListener(listener: () => void): Promise<any>;
 
@@ -904,7 +908,7 @@ export abstract class MapboxViewCommonBase extends ContentView implements Mapbox
     setOnFlingListener(listener: () => void, nativeMap?: any): Promise<any> {
         return this.mapbox.setOnFlingListener(listener, this.getNativeMapView());
     }
-    setOnCameraMoveListener(listener: (reason, animated?:boolean) => void, nativeMap?: any): Promise<any> {
+    setOnCameraMoveListener(listener: (reason, animated?: boolean) => void, nativeMap?: any): Promise<any> {
         return this.mapbox.setOnCameraMoveListener(listener, this.getNativeMapView());
     }
     setOnCameraMoveCancelListener(listener: () => void, nativeMap?: any): Promise<any> {

src/mapbox.ios.ts

@@ -2225,6 +2225,12 @@ export class Mapbox extends MapboxCommon implements MapboxApi {
                             sourceOptions[MGLShapeSourceOptionMaximumZoomLevel] = options.maxzoom;
                         }
 
+                        if (options.cluster) {
+                            sourceOptions[MGLShapeSourceOptionClustered] = true;
+                            sourceOptions[MGLShapeSourceOptionClusterRadius] = options.cluster.radius || 40;
+                            sourceOptions[MGLShapeSourceOptionMaximumZoomLevelForClustering] = options.cluster.maxZoom || 13;
+                        }
+
                         source = MGLShapeSource.alloc().initWithIdentifierShapeOptions(id, geoJsonShape, sourceOptions);
 
                         break;
@@ -2659,7 +2665,7 @@ class MGLMapViewDelegateImpl extends NSObject implements MGLMapViewDelegate {
 
     private userLocationClickListener: (annotation: MGLAnnotation) => void;
     private userLocationChangedListener: (location: UserLocation) => void;
-    private cameraChangedListener: (reason,animated?:boolean) => void;
+    private cameraChangedListener: (reason, animated?: boolean) => void;
     private cameraIdledListener: () => void;
     private userLocationRenderMode: any;
     private userLocationAnnotationView: CustomUserLocationAnnotationView;