如何在angular 4上的agm中显示鼠标悬停时的信息窗口
我正在尝试为Angular4项目实现Angular Google地图模块(AGM)。 我已成功添加AGM模块,并能够填充标记。 但是,我的信息窗口是在单击标记而不是鼠标悬停时显示的。 我试着跟随,但对我不起作用。 请建议一种方法。 提前感谢。。。!!! 请在下面找到我的代码 component.html如何在angular 4上的agm中显示鼠标悬停时的信息窗口,angular,google-maps,angular-google-maps,Angular,Google Maps,Angular Google Maps,我正在尝试为Angular4项目实现Angular Google地图模块(AGM)。 我已成功添加AGM模块,并能够填充标记。 但是,我的信息窗口是在单击标记而不是鼠标悬停时显示的。 我试着跟随,但对我不起作用。 请建议一种方法。 提前感谢。。。!!! 请在下面找到我的代码 component.html <agm-map #gm [latitude]="lat" [longitude]="lng" [zoom]="zoom" (mouseOver)
<agm-map #gm
[latitude]="lat"
[longitude]="lng"
[zoom]="zoom"
(mouseOver)="onMouseOver(infoWindow,gm)">
<agm-marker
*ngFor="let m of coordinates; let i = index"
[latitude] = "m.Latitude"
[longitude] = "m.Longitude">
<agm-info-window [disableAutoPan]="false" #infoWindow>
<strong>InfoWindow content</strong>
</agm-info-window>
</agm-marker>
</agm-map>
location.json
[{
"Name": "Xylem Zelienople",
"Latitude": 40.7934399,
"Longitude": -80.1314,
"Country": "United States",
"AddressLine": "227 South Division Street ",
"CityStateAndZip": "Zelienople, PA 16063"
}, {
"Name": "Xylem Boise",
"Latitude": 43.57857,
"Longitude": -116.283069,
"Country": "United States",
"AddressLine": "2707 Saturn Way",
"CityStateAndZip": "Boise ID"
}, {
"Name": "Xylem Analytics San Diego",
"Latitude": 32.895888,
"Longitude": -117.17336,
"Country": "United States",
"AddressLine": "9940 Summers Ridge Road",
"CityStateAndZip": "San Diego, CA 92121-3091"
}, {
"Name": "Xylem Analytics Raleigh",
"Latitude": 35.8966417,
"Longitude": -78.6520511,
"Country": "United States",
"AddressLine": "8601 Six Forks Road, Suite 700",
"CityStateAndZip": "Raleigh, NC 27615"
}, {
"Name": "Xylem Analytics Middletown",
"Latitude": 41.592587,
"Longitude": -72.7235357,
"Country": "United States",
"AddressLine": "56 Bradley Street",
"CityStateAndZip": "Middletown, CT 06457"
}, {
"Name": "Xylem Analytics College Station",
"Latitude": 30.564357,
"Longitude": -96.3024292,
"Country": "United States",
"AddressLine": "151 Graham Road",
"CityStateAndZip": "College Station, TX 77845"
}, {
"Name": "Principle Environmental, Inc",
"Latitude": 33.909104,
"Longitude": -84.480187,
"Country": "United States",
"AddressLine": "1770 The Exchange, Suite 210",
"CityStateAndZip": "Atlanta, GA 30339"
}, {
"Latitude": 30.516342,
"Longitude": -90.111274,
"Country": "United States",
"AddressLine": "17961 Painters Row",
"CityStateAndZip": "Covington, LA 70435"
}]
你找到解决方法了吗?看看这是否回答了你的问题;
[{
"Name": "Xylem Zelienople",
"Latitude": 40.7934399,
"Longitude": -80.1314,
"Country": "United States",
"AddressLine": "227 South Division Street ",
"CityStateAndZip": "Zelienople, PA 16063"
}, {
"Name": "Xylem Boise",
"Latitude": 43.57857,
"Longitude": -116.283069,
"Country": "United States",
"AddressLine": "2707 Saturn Way",
"CityStateAndZip": "Boise ID"
}, {
"Name": "Xylem Analytics San Diego",
"Latitude": 32.895888,
"Longitude": -117.17336,
"Country": "United States",
"AddressLine": "9940 Summers Ridge Road",
"CityStateAndZip": "San Diego, CA 92121-3091"
}, {
"Name": "Xylem Analytics Raleigh",
"Latitude": 35.8966417,
"Longitude": -78.6520511,
"Country": "United States",
"AddressLine": "8601 Six Forks Road, Suite 700",
"CityStateAndZip": "Raleigh, NC 27615"
}, {
"Name": "Xylem Analytics Middletown",
"Latitude": 41.592587,
"Longitude": -72.7235357,
"Country": "United States",
"AddressLine": "56 Bradley Street",
"CityStateAndZip": "Middletown, CT 06457"
}, {
"Name": "Xylem Analytics College Station",
"Latitude": 30.564357,
"Longitude": -96.3024292,
"Country": "United States",
"AddressLine": "151 Graham Road",
"CityStateAndZip": "College Station, TX 77845"
}, {
"Name": "Principle Environmental, Inc",
"Latitude": 33.909104,
"Longitude": -84.480187,
"Country": "United States",
"AddressLine": "1770 The Exchange, Suite 210",
"CityStateAndZip": "Atlanta, GA 30339"
}, {
"Latitude": 30.516342,
"Longitude": -90.111274,
"Country": "United States",
"AddressLine": "17961 Painters Row",
"CityStateAndZip": "Covington, LA 70435"
}]