feat: add controlSize feature

Close #63

Author: paodb

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

@@ -319,6 +319,26 @@ public String getMapId() {
     return this.getElement().getProperty("mapId");
   }
 
+  /**
+   * Sets the size of the control buttons appearing in the map. Must be specified when creating the
+   * map. See
+   * https://developers.google.com/maps/documentation/javascript/reference/map#MapOptions.controlSize
+   * 
+   * @param controlSize If set, control's size will be updated with this value.
+   */
+  public void setControlSize(int controlSize) {
+    this.getElement().setProperty("controlSize", controlSize);
+  }
+
+  /**
+   * Returns the current control size value.
+   * 
+   * @return The current size of the control buttons.
+   */
+  public int getControlSize() {
+    return this.getElement().getProperty("controlSize", 0);
+  }
+  
   public static class GoogleMapClickEvent extends ClickEvent<GoogleMap> {
     private final double lat;
     private final double lon;

src/test/java/com/flowingcode/vaadin/addons/googlemaps/ControlSizeDemo.java

@@ -0,0 +1,48 @@
+package com.flowingcode.vaadin.addons.googlemaps;
+
+import com.flowingcode.vaadin.addons.demo.DemoSource;
+import com.flowingcode.vaadin.addons.googlemaps.GoogleMap.MapType;
+import com.vaadin.flow.component.html.Span;
+import com.vaadin.flow.component.orderedlayout.HorizontalLayout;
+import com.vaadin.flow.component.orderedlayout.VerticalLayout;
+import com.vaadin.flow.router.PageTitle;
+
+@PageTitle("Control Size Demo")
+@DemoSource(
+    "https://github.com/FlowingCode/GoogleMapsAddon/blob/master/src/test/java/com/flowingcode/vaadin/addons/googlemaps/ControlSizeDemo.java")
+@SuppressWarnings("serial")
+public class ControlSizeDemo extends AbstractGoogleMapsDemo {
+
+  @Override
+  protected void createGoogleMapsDemo(String apiKey) {
+    
+    GoogleMap gmaps1 = createGoogleMap(apiKey);
+    gmaps1.setControlSize(20);    
+    VerticalLayout controlSizeLayout = new VerticalLayout(createSpan("Map with custom size value for controls"), gmaps1);
+    controlSizeLayout.setSizeFull();
+    
+    GoogleMap gmaps2 = createGoogleMap(apiKey);    
+    VerticalLayout noControlSizeLayout = new VerticalLayout(createSpan("Map with default size value for controls"), gmaps2);
+    noControlSizeLayout.setSizeFull();
+    
+    HorizontalLayout horizontalLayout = new HorizontalLayout(controlSizeLayout, noControlSizeLayout);
+    horizontalLayout.setSizeFull();
+    add(horizontalLayout);
+  }
+  
+  private GoogleMap createGoogleMap(String apiKey) {
+    GoogleMap gmaps = new GoogleMap(apiKey, null, null);
+    gmaps.setMapType(MapType.ROADMAP);
+    gmaps.setSizeFull();
+    gmaps.setZoom(5);
+    gmaps.setCenter(new LatLon(-35.198155, -65.776366));
+    return gmaps;
+  }
+    
+  private Span createSpan(String text) {
+    Span span = new Span(text);
+    span.getElement().getStyle().set("font-weight", "bold");
+    return span;    
+  }
+
+}

src/test/java/com/flowingcode/vaadin/addons/googlemaps/GooglemapsDemoView.java

@@ -37,6 +37,7 @@ public GooglemapsDemoView() {
     addDemo(new DraggableMarkerDemo());
     addDemo(new DisableUIControlsDemo());
     addDemo(new CloudBasedMapStylingDemo());
+    addDemo(new ControlSizeDemo());
     setSizeFull();
   }
 }