[Map][Google] Do not use deprecated loader.load() function, use loader.importLibrary() and rebuilt google.maps structure

Author: Kocal

src/Map/src/Bridge/Google/assets/dist/map_controller.js

@@ -5,8 +5,20 @@ let _google;
 class default_1 extends AbstractMapController {
     async connect() {
         if (!_google) {
-            const loader = new Loader(this.providerOptionsValue);
-            _google = await loader.load();
+            _google = { maps: {} };
+            let { libraries = [], ...loaderOptions } = this.providerOptionsValue;
+            const loader = new Loader(loaderOptions);
+            libraries = ['core', ...libraries.filter((library) => library !== 'core')];
+            const librariesImplementations = await Promise.all(libraries.map((library) => loader.importLibrary(library)));
+            librariesImplementations.map((libraryImplementation, index) => {
+                const library = libraries[index];
+                if (['marker', 'places', 'geometry', 'journeySharing', 'drawing', 'visualization'].includes(library)) {
+                    _google.maps[library] = libraryImplementation;
+                }
+                else {
+                    _google.maps = { ..._google.maps, ...libraryImplementation };
+                }
+            });
         }
         super.connect();
     }

src/Map/src/Bridge/Google/assets/src/map_controller.ts

@@ -47,8 +47,29 @@ export default class extends AbstractMapController<
 
     async connect() {
         if (!_google) {
-            const loader = new Loader(this.providerOptionsValue);
-            _google = await loader.load();
+            _google = { maps: {} };
+
+            let { libraries = [], ...loaderOptions } = this.providerOptionsValue;
+
+            const loader = new Loader(loaderOptions);
+
+            // We could have used `loader.load()` to correctly load libraries, but this method is deprecated in favor of `loader.importLibrary()`.
+            // But `loader.importLibrary()` is not a 1-1 replacement for `loader.load()`, we need to re-build the `google.maps` object ourselves,
+            // see https://github.com/googlemaps/js-api-loader/issues/837 for more information.
+            libraries = ['core', ...libraries.filter((library) => library !== 'core')]; // Ensure 'core' is loaded first
+            const librariesImplementations = await Promise.all(
+                libraries.map((library) => loader.importLibrary(library))
+            );
+            librariesImplementations.map((libraryImplementation, index) => {
+                const library = libraries[index];
+
+                // The following libraries are in a sub-namespace
+                if (['marker', 'places', 'geometry', 'journeySharing', 'drawing', 'visualization'].includes(library)) {
+                    _google.maps[library] = libraryImplementation;
+                } else {
+                    _google.maps = { ..._google.maps, ...libraryImplementation };
+                }
+            });
         }
 
         super.connect();