どのように角度のGoogleマップの土地と水の色を変更するには？

Question

Googleマップhttps://angular-maps.com/api-docs/agm-coreにこの角度成分を使用しています。私はある日、私はあなたが水の色を変えることができ、これで陸地に着くことができると思ったと誓っています。しかし私がドキュメンテーションを見ると、私はそれを見ない。この角度のモジュールでGoogleマップ上の土地と水の色を変えることは可能ですか？もしそうなら、どのように？

ありがとうございます！

Answer 1

GoogleマップJavascript APIには、how to style your mapに関するドキュメントがあります。

また、Agmも同じstylesプロパティを表面化します。それらを見つけることができますdocumentation

したがって、agmマップをインスタンス化する方法に応じて、カスタムスタイル設定の配列をagmマップコンポーネントに渡すだけです。ただ、コンポーネントのtemplateそうのように[styles]= "styles"を追加plunker AGMデモ拠点として、およびカスタムコンポーネントを作成する場合に使用し

は：

<sebm-google-map 
    [latitude]="lat" 
    [longitude]="lng" 
    [zoom]="zoom" 
    [disableDefaultUI]="false" 
    [zoomControl]="false" 
    (mapClick)="mapClicked($event)" 
    [styles]= "styles"> 

そして、そのようなあなたのstyles配列を宣言：

styles: any[] = [ 
    {elementType: 'geometry', stylers: [{color: '#242f3e'}]}, 
    {elementType: 'labels.text.stroke', stylers: [{color: '#242f3e'}]}, 
    {elementType: 'labels.text.fill', stylers: [{color: '#746855'}]}, 
] 

実際のプランナーhereを参照（ちょうど@NgModuleセットアップで独自のAPIキーを挿入する）

ダイナミックマップスタイルを渡すこともできます。これを参照してくださいrelated SO