How can I change the map language DYNAMICALLY?

[glederer]

As explained in issue #1482; the language of the map can be set in this way :

'use strict';
angular.module("angular-google-maps-example", ['uiGmapgoogle-maps'])
.config(['uiGmapGoogleMapApiProvider', function (GoogleMapApi) {
  GoogleMapApi.configure({
    //key: 'your api key',
    //v: '3.20', //(defaults to 3.X)
    libraries: 'weather,geometry,visualization', //optional
    language:ru-RU //set whatever langs u want
  });
}])

I am user angular-translate in a page with a angular google map too, there is a toggle language menu on top of my page and it would be convenient that it also change the google map language without refreshing the page itself. how could I dynamically change this setting? is it possible?

[nmccready]

As mentioned in the other ticket I don't think this is currently possible.

[glederer]

THis stackoverflow :

http://stackoverflow.com/questions/20090711/google-map-dyanamic-language-change

and the related fiddle :

http://jsfiddle.net/2AKqM/

explains a work arround manipulating the DOM... but not using angular at all ... I wondered if this could be adapted together.

[nmccready]

Yes I didn't say it can't be done. But currently it cant be done correctly via angular/directive way. IE using the providers/factories.

[tatums]

+1

[salimane]

@nmccready @glederer have you found a solution for this for angular 1.x ?

[glederer]

Nope...

[salimane]

@glederer @nmccready, after reading the codebase a bit, I found a solution :

instead of

.controller("someController", function($scope, uiGmapGoogleMapApi) {
    // Do stuff with your $scope.
    // Note: Some of the directives require at least something to be defined originally!
    // e.g. $scope.markers = []

    // uiGmapGoogleMapApi is a promise.
    // The "then" callback function provides the google.maps object.
    uiGmapGoogleMapApi.then(function(maps) {

    });
});

we use the provided factory uiGmapMapScriptLoader but hidden deep in the codebase :)

.controller("someController", function($scope, uiGmapMapScriptLoader) {
    // Do stuff with your $scope.
    // Note: Some of the directives require at least something to be defined originally!
    // e.g. $scope.markers = []

    if (uiGmapMapScriptLoader.isGoogleMapsLoaded) {
        delete window.google.maps;
    }

    const options = {
        china: false,
        isGoogleMapsForWork: false,
        key: 'my lovely key',
        language: 'my new language',
        libraries: 'weather,geometry,visualization'
        preventLoad: false,
        transport: 'https',
        v: '3.31',
    };

    // The "then" callback function provides the google.maps object.
    uiGmapMapScriptLoader.load(options).then(function(maps) {

    });
});