2017-10-03 3 views
2

나는 Angular Google Maps(AGM) componet를 사용합니다. 마커 마우스를 움직여 정보 창을 열어야합니다. 인스턴스를 내 함수 onMouseOver에서 열어서 어떻게 열 수 있습니까?agm-marker onMouseOver 열린 agm-info-window

<agm-map #gm [fitBounds]="latlngBounds" [zoom]="15"> 
    <agm-marker *ngFor="let m of markers; let i = index" 
       [latitude]="m.geoCode.latitude" 
       [longitude]="m.geoCode.longitude" 
       (mouseOver)="onMouseOver(infoWindow,gm)" 
       > 

     <agm-info-window [disableAutoPan]="false" #infoWindow> 

      <div> 
       {{m.name}} 
       {{m.rating}} 
      </div> 
      <div> 
       <a (click)="onClickInfoView({id:m.id})" class="btn btn-attention pull-right">Daje <i class="fa fa-angle-double-right"></i></a> 
      </div> 

     </agm-info-window> 


    </agm-marker> 

</agm-map> 


onMouseOver(infoWindow, gm) { 

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

     gm.lastOpen = infoWindow; 

     infoWindow.open(); 
    } 

답변

1

나는 해결책을 발견했다. MapLoad에서 특정 위치의 agm-snazzy-info-window를 열고 싶습니다. (MapClick없이) 저는 Angular 4를 사용하고 있습니다. 당신이 도와 주실 수 있습니까?
+0

안녕 Pizzoni : 끝에

<agm-map [fitBounds]="latlngBounds" [zoom]="15"> <agm-marker *ngFor="let m of markers; let i = index" [latitude]="m.geoCode.latitude" [longitude]="m.geoCode.longitude" (mouseOver)="onMouseOver(m)" > <agm-info-window [disableAutoPan]="false"> <div> <a (click)="onClickInfoView({id:m.id})" class="btn btn-attention pull-right">test<i class="fa fa-angle-double-right"></i></a> </div> </agm-info-window> </agm-marker> </agm-map> onMouseOver(data) { ???? /* how to open here the info window? } 
user2256404

+0

@Pizzoni Alessio infoWindow에 .open() 함수가 없다는 오류가 발생합니다. – John