Angular2 стиль Google Maps изменяется только при использовании встроенного параметра "styles" - PullRequest
Новая
       18

Angular2 стиль Google Maps изменяется только при использовании встроенного параметра "styles"

0 голосов
/ 13 февраля 2019

Я не могу изменить стиль карты, не вставив весь стиль в HTML-код или встроенный стиль.

Таким образом, я получаю нужные мне стили 

<agm-map [latitude]="latitude" [longitude]="longitude" [scrollwheel]="true" [zoom]="zoom" [fullscreenControl]="true"
[styles]='
    [
        {
            "elementType": "geometry",
            "stylers": [
                {
                    "color": "#1d2c4d"
                }
            ]
        },
        {
            "elementType": "labels.text.fill",
            "stylers": [
                {
                    "color": "#8ec3b9"
                }
            ]
        }
    ]'>
    <agm-marker [latitude]="latitude" [longitude]="longitude"></agm-marker>
</agm-map>

Но так это не работает вообще

HTML: 

<agm-map [latitude]="latitude" [longitude]="longitude" [scrollwheel]="true" [zoom]="zoom" [fullscreenControl]="true" [styles]="styles">
    <agm-marker [latitude]="latitude" [longitude]="longitude"></agm-marker>
</agm-map>

TS: 

ngOnInit() {

    let styles = [
        {
            "elementType": "geometry",
            "stylers": [
                {
                    "color": "#1d2c4d"
                }
            ]
        },
        {
            "elementType": "labels.text.fill",
            "stylers": [
                {
                    "color": "#8ec3b9"
                }
            ]
        }
    ];
}

Я предполагаю, что переменная не загружается, когдакарта рендерится, но я не могу найти, где объявить, что она работает.

...