Change Map language dynamically

Is it possible to change map language dynamically when language is changed ? Or at least have the language map changed the next time I access it (after language is changed).

I can set default language on map loading using this code (in mymap.module.ts) :

@NgModule({ imports: [ AgmCoreModule.forRoot({ apiKey: 'MY_KEY', language: 'es', }), ], })

And I can get the current language using this.translate.currentLang (in mymap.component.ts).

But I don’t know how I can combine both.

[sebholstein]

this was already discussed in another issue. As the google maps api does not support this officially, AGM will not implement this

[mklimkin0190]

Obviously, this approach will not work if you run your app with --aot flag. This actually makes sense. I was able to make it work with solution found here and window.localion.reload(). Even though the original question and answer are about overriding the API key and loading it separately, one can override any config field, including the language. Here’s the code of the load method in the custom MapsAPILoader:

    load(): Promise<void> {
        if (this._scriptLoadingPromise) {
            return this._scriptLoadingPromise;
        }
        const script = this._documentRef.getNativeDocument().createElement('script');
        script.type = 'text/javascript';
        script.async = true;
        script.defer = true;
        const callbackName = `angular2GoogleMapsLazyMapsAPILoader`;
        this._config.language = window.localStorage.language;
        script.src = this._getScriptSrc(callbackName);
        this._documentRef.getNativeDocument().body.appendChild(script);
        this._scriptLoadingPromise = new Promise<void>((resolve: Function, reject: Function) => {
            (<any>this._windowRef.getNativeWindow())[callbackName] = () => { console.log('loaded'); resolve(); };
            script.onerror = (error: Event) => { reject(error); };
        });
        return this._scriptLoadingPromise;
    }