小编Mer*_*kar的帖子

如何在 <agm-map> angular 4 中使用鼠标悬停

我正在将 AgmMap 用于 angular 4 应用程序中的地图。如何在显示信息窗口的 agm-marker 中实现鼠标悬停事件。我需要在标记鼠标悬停时打开信息窗口。如何在我的函数 onMouseOver 中检索 infowindow 实例以打开它?这是我的 map.component.html 文件

<agm-map [latitude]="lat" [longitude]="lng">
  <agm-marker *ngFor="let m of markers; let i = index"
          [latitude]="m.lat"
          [longitude]="m.lng"
          (markerClick)="clickedMarker(m, i)"
          [iconUrl]="m.iconUrl">
          <agm-info-window>{{m.label}}</agm-info-window>
  </agm-marker>
</agm-map>
Run Code Online (Sandbox Code Playgroud)

和 map.component.ts 文件

import { Component, OnInit } from '@angular/core';
import { Router, ActivatedRoute } from '@angular/router';
import { AlertService, AuthenticationService } from '../_services/index';
import { Ng4DropdownModule } from 'ng4-material-dropdown';
import { Http } from '@angular/http';
import 'rxjs/add/operator/map';

@Component({
   moduleId: module.id,
  templateUrl: './map.component.html',
  styleUrls: ['./map.component.css']
}) …
Run Code Online (Sandbox Code Playgroud)

typescript angular2-services angular

3
推荐指数
1
解决办法
2927
查看次数

标签 统计

angular ×1

angular2-services ×1

typescript ×1