小编Cri*_*ina的帖子

如何在 angular-google-maps 中以编程方式打开/关闭 snazzy-info-window?

如果我使用agm-info-window,您可以从控制器以编程方式调用打开/关闭

模板:

<agm-data-layer [geoJson]="geoJsonObject"  [style]="styleFunc" (layerClick)="clicked($event, gm, infoWindow)" >
    <agm-info-window [disableAutoPan]="true" 
                     [latitude]="infoWindowLat" 
                     [longitude] = "infoWindowLong" 
                     [isOpen]="infoWindowIsOpen"]
                      #infoWindow>
      {{infoWindowText}}
   </agm-info-window>
  </agm-data-layer>
Run Code Online (Sandbox Code Playgroud)

控制器:

clicked(clickEvent, gm, infoWindow) {

 if (gm.lastOpen != null) 
 {
   gm.lastOpen.close();
 }

 gm.lastOpen = infoWindow;
 infoWindow.open();
Run Code Online (Sandbox Code Playgroud)

}

但如果我使用<agm-snazzy-info-window>,open()和 则close()未定义。

<agm-snazzy-info-window [isOpen]="infoWindowIsOpen" 
                          [latitude]="infoWindowLat" 
                          [longitude]="infoWindowLong"
                          [closeWhenOthersOpen]="true" 
                          [closeOnMapClick]="true"  
                          [showCloseButton]="false"  
                          [openOnMarkerClick]="true"
                          ([backgroundColor]="'#FFF'"  
                          #infoWindow>
      <ng-template>
        {{infoWindowText}}
      </ng-template>
  </agm-snazzy-info-window>
Run Code Online (Sandbox Code Playgroud)

<agm-snazzy-info-window>如何从控制器打开/关闭 a ?

google-maps infowindow angular-google-maps angular

2
推荐指数
1
解决办法
5602
查看次数