小编Vir*_*ngh的帖子

如何在@angular/google-maps 模块中用自定义图标替换谷歌地图标记图标

组件.html:

  <google-map (mapClick)="click($event)" 
  [center]="center" [options]="options" height="500px" width="100%"
    [zoom]="zoom">

    <map-marker (mapClick)="openInfoWindow(marker)" [clickable]="true"
  
    *ngFor="let marker of markers" [position]="marker.position" [label]="marker.label"
      [title]="marker.title" [options]="marker.options">
    </map-marker>
    <map-info-window>Info Window content</map-info-window>
  </google-map>
Run Code Online (Sandbox Code Playgroud)

组件.ts:

options: google.maps.MapOptions = {
    zoomControl: true,
    scrollwheel: false,
    disableDoubleClickZoom: true,
    maxZoom: 15,
    minZoom: 8,
  }
Run Code Online (Sandbox Code Playgroud)

我试过在选项中添加带有 url 值的图标属性,在地图标记中传递输入但没有任何效果

https://github.com/angular/components/tree/master/src/google-maps#readme

angular-material angular

5
推荐指数
1
解决办法
3186
查看次数

标签 统计

angular ×1

angular-material ×1