feat: add custom renderer to marker clustering

Close #103

Author: paodb

src/main/java/com/flowingcode/vaadin/addons/googlemaps/GoogleMap.java

@@ -43,7 +43,7 @@
 @SuppressWarnings("serial")
 @Tag("google-map")
 @JsModule("@flowingcode/google-map/google-map.js")
-@NpmPackage(value = "@flowingcode/google-map", version = "3.4.0")
+@NpmPackage(value = "@flowingcode/google-map", version = "3.5.0")
 @NpmPackage(value = "@googlemaps/markerclusterer", version = "2.0.8")
 @JsModule("./googlemaps/geolocation.js")
 public class GoogleMap extends Component implements HasSize {
@@ -541,4 +541,16 @@ public CompletableFuture<LatLonBounds> getBounds() {
           return new LatLonBounds(result);
         });
   }
+  
+  /**
+   * Sets the custom renderer definition to be applied to the markers clustering. The custom
+   * renderer needs to be define as a global JavaScript object conforming the Renderer interface
+   * from
+   * https://github.com/googlemaps/js-markerclusterer/blob/5ac92567dd0c52a1e1b897d791463a064656830c/src/renderer.ts#L65C2-L65C78
+   * 
+   * @param customRenderer the custom renderer definition
+   */
+  public void setClusteringRenderer(String customRenderer) {
+    this.getElement().setProperty("customRenderer", customRenderer);
+  }
 }

src/main/java/com/flowingcode/vaadin/addons/googlemaps/GoogleMapMarker.java

@@ -39,7 +39,7 @@
 @SuppressWarnings("serial")
 @Tag("google-map-marker")
 @JsModule("@flowingcode/google-map/google-map-marker.js")
-@NpmPackage(value = "@flowingcode/google-map", version = "3.4.0")
+@NpmPackage(value = "@flowingcode/google-map", version = "3.5.0")
 @NpmPackage(value = "@googlemaps/markerclusterer", version = "2.0.8")
 public class GoogleMapMarker extends Component {
 

src/main/java/com/flowingcode/vaadin/addons/googlemaps/GoogleMapPoint.java

@@ -28,7 +28,7 @@
 @SuppressWarnings("serial")
 @Tag("google-map-point")
 @JsModule("@flowingcode/google-map/google-map-point.js")
-@NpmPackage(value = "@flowingcode/google-map", version = "3.4.0")
+@NpmPackage(value = "@flowingcode/google-map", version = "3.5.0")
 @NpmPackage(value = "@googlemaps/markerclusterer", version = "2.0.8")
 public class GoogleMapPoint extends Component {
 

src/main/java/com/flowingcode/vaadin/addons/googlemaps/GoogleMapPolygon.java

@@ -40,7 +40,7 @@
 @Tag("google-map-poly")
 @JsModule("@flowingcode/google-map/google-map-poly.js")
 @JsModule("@flowingcode/google-map/google-map-point.js")
-@NpmPackage(value = "@flowingcode/google-map", version = "3.4.0")
+@NpmPackage(value = "@flowingcode/google-map", version = "3.5.0")
 @NpmPackage(value = "@googlemaps/markerclusterer", version = "2.0.8")
 public class GoogleMapPolygon extends Component {