feat(google-maps): Refactored options and added feature to update the map options

Author: A1Jan

plugin/ios/Sources/CapacitorGoogleMapsPlugin/GoogleMapConfig.swift

@@ -46,5 +46,19 @@ public struct GoogleMapConfig: Codable {
         self.center = LatLng(lat: lat, lng: lng)
 
         self.mapId = fromJSObject["iOSMapId"] as? String
+
+        var maxZoom = fromJSObject["maxZoom"] as? Double
+        var minZoom = fromJSObject["minZoom"] as? Double
+        if let unwrappedMinZoom = minZoom, let unwrappedMaxZoom = maxZoom, unwrappedMinZoom > unwrappedMaxZoom {
+            swap(&minZoom, &maxZoom)
+        }
+
+        if let maxZoom, zoom > maxZoom {
+            self.zoom = maxZoom
+        } else if let minZoom, zoom < minZoom {
+            self.zoom = minZoom
+        } else {
+            self.zoom = zoom
+        }
     }
 }

plugin/ios/Sources/CapacitorGoogleMapsPlugin/Map.swift

@@ -206,7 +206,7 @@ public class Map {
             }
 
             if (configObj as [String: Any]).keys.contains("heading"), let heading = configObj["heading"] as? Float {
-                self.mapViewController.GMapView.animate(toBearing: heading)
+                self.mapViewController.GMapView.animate(toBearing: CLLocationDirection(heading))
             }
 
             if (configObj as [String: Any]).keys.contains("isAccessibilityElementsEnabled"), let isAccessibilityElementsEnabled = configObj["isAccessibilityElementsEnabled"] as? Bool {

plugin/rollup.config.js

@@ -18,5 +18,9 @@ export default {
       inlineDynamicImports: true,
     },
   ],
-  external: ['@capacitor/core', '@googlemaps/js-api-loader', '@googlemaps/markerclusterer'],
+  external: [
+    '@capacitor/core',
+    '@googlemaps/js-api-loader',
+    '@googlemaps/markerclusterer',
+  ],
 };

plugin/src/implementation.ts

@@ -187,15 +187,20 @@ export interface CapacitorGoogleMapsPlugin extends Plugin {
   dispatchMapEvent(args: { id: string; focus: boolean }): Promise<void>;
   getMapBounds(args: { id: string }): Promise<LatLngBounds>;
   fitBounds(args: FitBoundsArgs): Promise<void>;
-  mapBoundsContains(args: MapBoundsContainsArgs): Promise<{ contains: boolean }>;
+  mapBoundsContains(
+    args: MapBoundsContainsArgs,
+  ): Promise<{ contains: boolean }>;
   mapBoundsExtend(args: MapBoundsExtendArgs): Promise<{ bounds: LatLngBounds }>;
 }
 
-const CapacitorGoogleMaps = registerPlugin<CapacitorGoogleMapsPlugin>('CapacitorGoogleMaps', {
-  web: () => import('./web').then((m) => new m.CapacitorGoogleMapsWeb()),
-});
+const CapacitorGoogleMaps = registerPlugin<CapacitorGoogleMapsPlugin>(
+  'CapacitorGoogleMaps',
+  {
+    web: () => import('./web').then(m => new m.CapacitorGoogleMapsWeb()),
+  },
+);
 
-CapacitorGoogleMaps.addListener('isMapInFocus', (data) => {
+CapacitorGoogleMaps.addListener('isMapInFocus', data => {
   const x = data.x;
   const y = data.y;
 

plugin/src/index.ts

@@ -1,8 +1,25 @@
 /* eslint-disable @typescript-eslint/no-namespace */
-import { LatLngBounds, MapType, Marker, Polygon, Circle, Polyline, StyleSpan } from './definitions';
+import {
+  LatLngBounds,
+  MapType,
+  Marker,
+  Polygon,
+  Circle,
+  Polyline,
+  StyleSpan,
+} from './definitions';
 import { GoogleMap } from './map';
 
-export { GoogleMap, LatLngBounds, MapType, Marker, Polygon, Circle, Polyline, StyleSpan };
+export {
+  GoogleMap,
+  LatLngBounds,
+  MapType,
+  Marker,
+  Polygon,
+  Circle,
+  Polyline,
+  StyleSpan,
+};
 
 declare global {
   export namespace JSX {