如何在AGM地图中添加自定义Google地图样式XML

Question

我试图借助https://mapstyle.withgoogle.com/（自定义Google地图样式）自定义Google地图。

我在我的角度应用程序中使用角度google maps（https://github.com/SebastianM/angular-google-maps）库。

我想包括XML，以便以自定义样式显示agm-map。但是我不知道如何在agm-map中进行操作。

请帮我。

Answer 1

初始化地图时，您必须提供style指令：

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

样式是您在https://mapstyle.withgoogle.com/中下载的json

这是我创建的一个简单示例：https : //stackblitz.com/edit/angular-google-maps-demo-mgxqnr?file=app/app.component.ts