如何使用SebmGoogleMap设置谷歌地图标记的样式

时间:2016-12-22 14:59:58

标签: javascript google-maps angular font-awesome

我正在尝试在Angular2应用程序的顶部使用google map api的字体真棒图标,对于地图我正在使用SebastianMüllerhttps://angular-maps.com/的angular2-google-maps。 我想使用一些图标库(例如fontAwesome)使用自定义地图标记。 我设法做到的唯一方法是将图标下载为svg,然后将[iconUrl]与项目中的图标位置一起使用,如下所示:

<sebm-google-map class="map" [latitude]="center.lat" [longitude]="center.lng"   [zoom]="zoom" [mapDraggable]="true">
  <sebm-google-map-marker *ngFor="let event of events" [latitude]="event.lat" [longitude]="event.lng"
                        [iconUrl]="'/images/i_48px.svg'">
  </sebm-google-map-marker>

这会在地图上创建一个图标但看起来不对,因为我没有对样式进行任何简单的控制,它迫使我下载我想要使用的每个图标。

有没有办法使用指令来设置sebm-google-map-markers的样式?

我也试过:

<sebm-google-map class="map" [latitude]="center.lat" [longitude]="center.lng"   [zoom]="zoom" [mapDraggable]="true">
  <sebm-google-map-marker *ngFor="let event of events" [latitude]="event.lat" [longitude]="event.lng"
                        [iconUrl]="'/images/i_48px.svg'" [style.color]="'red'">
  </sebm-google-map-marker>

没有成功。

0 个答案:

没有答案