向Angular2 Google Maps添加样式

Question

嗨,我是Angular2/Typescript的新手,我正在尝试使用Angular2 Google Maps Components添加到我的Angular2项目中的地图样式,但我无法弄清楚如何使用其尚未记录的MapTypeStyle接口.如何在我的模块和html中使用它？地图模块可以工作,但我没有应用样式.任何帮助赞赏.

根据Google MapsTypeStyle参考

HTML:

<sebm-google-map [latitude]="lat" [longitude]="lng">
  <sebm-google-map-marker [latitude]="lat" [longitude]="lng"></sebm-google-map-marker>
</sebm-google-map>

模块(摘录)

export class GmapComponent implements OnInit {

  title: string = 'Current Location';
  lat: number = 50.937531;
  lng: number = 6.960278600000038;
  constructor() { }

  ngOnInit() {
  }
}

Answer 1

文档不是很有用,所以我不得不深入研究组件的代码.

<sebm-google-map [latitude]="lat" [longitude]="lng" [styles]="styles">
  <sebm-google-map-marker [latitude]="lat" [longitude]="lng"></sebm-google-map-marker>
</sebm-google-map>

只需添加styles应该工作,这里styles是该类型的MapTypeStyle[]这是这里声明.

尝试定义styles如下:

let styles = [{
  "featureType": "water",
  "stylers": [{
      "color": "#ff0000"
    }]
}];

这应该让你的水变红,但我还没有自己测试过,我只是把它从代码中解脱出来.

Answer 2

这对我有用.☺:-p

<sebm-google-map *ngIf="map" [latitude]="placeLat" [longitude]="placeLng" [scrollwheel]="false" [zoom]="zoom" [disableDefaultUI]="true" [styles]='[
            {
                elementType : "labels.icon",
                stylers : [{
                  visibility : "off"
                }]
            }]'>