Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/xpath/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在angular 4上的agm中显示鼠标悬停时的信息窗口_Angular_Google Maps_Angular Google Maps - Fatal编程技术网

如何在angular 4上的agm中显示鼠标悬停时的信息窗口

如何在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)

我正在尝试为Angular4项目实现Angular Google地图模块(AGM)。 我已成功添加AGM模块,并能够填充标记。 但是,我的信息窗口是在单击标记而不是鼠标悬停时显示的。 我试着跟随,但对我不起作用。 请建议一种方法。 提前感谢。。。!!! 请在下面找到我的代码

component.html

 <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"
}]