feat(google-maps): Optimize @googlemaps/js-api-loader to use importLibrary method

Author: A1Jan

plugin/package.json

@@ -89,8 +89,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@googlemaps/js-api-loader": "~1.13.7",
+    "@googlemaps/js-api-loader": "~1.16.2",
     "@googlemaps/markerclusterer": "~2.0.7",
-    "@types/google.maps": "~3.50.5"
+    "@types/google.maps": "~3.53.4"
   }
 }

plugin/src/web.ts

@@ -30,7 +30,7 @@ import type {
 } from './implementation';
 
 export class CapacitorGoogleMapsWeb extends WebPlugin implements CapacitorGoogleMapsPlugin {
-  private gMapsRef: typeof google.maps | undefined = undefined;
+  private gMapsRef: google.maps.MapsLibrary | undefined = undefined;
   private maps: {
     [id: string]: {
       element: HTMLElement;
@@ -113,12 +113,10 @@ export class CapacitorGoogleMapsWeb extends WebPlugin implements CapacitorGoogle
       const loader = new lib.Loader({
         apiKey: apiKey ?? '',
         version: 'weekly',
-        libraries: ['places'],
         language,
         region,
       });
-      const google = await loader.load();
-      this.gMapsRef = google.maps;
+      this.gMapsRef = await loader.importLibrary('maps');
       console.log('Loaded google maps API');
     }
   }