Question

我正在将这个角度组件用于谷歌地图https://angular-maps.com/api-docs/agm-core。我发誓有一天我以为我看到你可以改变水的颜色，然后降落。但是，当我查看文档时，我没有看到。是否可以使用此角度模块更改谷地图上的土地和水的颜色？如果是这样的话？

谢谢！

Answer 1

Google Maps Javascript API上有how to style your map的文档。

Agm也表现出相同的styles属性。你可以在documentation

中找到它

因此，根据您实例化agm地图的方式，您所要做的就是将带有自定义样式设置的数组传递给agm地图组件。

使用plunker agm演示作为基础，如果要创建自定义组件，只需在组件[styles]= "styles"中添加template，如下所示：

<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'}]},
]

查看实际的plunker here（只需在@NgModule设置中插入自己的API密钥）

您甚至可以传递动态地图样式。见related SO

如何改变土地的颜色，谷歌地图的水与角？

1 个答案: