feat(google-maps): @googlemaps/js-api-loader: Refactor to importLibra…

…ry method

ionic-team/capacitor-plugins#1587

README.md

@@ -1169,4 +1169,3 @@ but the current specification only allows X, Y, and (optionally) Z to be defined
 | **`None`**      | <code>'None'</code>      | No base map tiles.                       |
 
 </docgen-api>
-

package.json

@@ -19,13 +19,13 @@
     "@types/node": "^20.11.25",
     "husky": "^9.0.1",
     "lerna": "^8.1.2",
+    "regexp-to-ast": "^0.5.0",
     "typescript": "^5.4.2"
   },
   "engines": {
     "node": ">=20",
     "pnpm": ">=8"
   },
-  "dependencies": {},
   "workspaces": [
     "plugin"
   ]

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');
     }
   }