使用@ angular /google- map向angular地图添加自定义样式

npm install @angular/google-maps

import { GoogleMapsModule } from '@angular/google-maps';

@NgModule({
  imports: [
    GoogleMapsModule
  ]
})
export class YourModule { }

import { Component } from '@angular/core';

@Component({
  selector: 'app-map',
  template: `
    <google-map [options]="mapOptions"></google-map>
  `
})
export class MapComponent {
  mapOptions: google.maps.MapOptions = {
    center: { lat: -34.397, lng: 150.644 },
    zoom: 8,
    styles: [
      // 在这里添加你的自定义地图样式
    ]
  };
}

styles: [
  {
    featureType: 'water',
    elementType: 'geometry',
    stylers: [
      { color: '#000000' },
      { lightness: 17 }
    ]
  },
  // 添加更多的自定义样式...
]