Javascript 谷歌地图API-悬停/URL点击问题

我试图获得一个谷歌地图实例设置，在那里我可以有标记图标变成一个更大的悬停图像。我正在数组中加载较大的映像，然后尝试将这些值传递到回调事件函数中。出于某种原因，我只得到一个默认的地图标记显示在悬停，而不是图像

您可以通过使用“testVar”在下面看到我在做什么

for（i=0；i

---

我还想知道如何将URL附加到更大的图像上，以便在单击时重定向到该图像。我在标记代码中设置了“URL”参数，但这似乎没有任何作用。

我找到了此解决方案（此示例仅适用于//****程序，但可轻松扩展到其他部分）。

以及更好的解释代码

在标记属性中添加一个

altIcon

属性，并将所需图像分配给该属性。 在鼠标悬停侦听器中，使用

this.setIcon（this.altIcon）

---

我在阵列中显示图像时遇到了一些困难。（网站上说找不到文件）因此，在JSFIDLE内部，我使用了不同颜色的图标。

Hi user1110562我已经为您的问题发布了一个答案，我很抱歉在您的上一个问题的addlistener call中给出了快速的最终指示。但无论如何，我希望答案可以是一个解决方案。非常感谢。这现在正在工作。我想在此之前我可能已经让它工作过了，但没有意识到我使用了错误的图像路径！当你点击较大的图像时，有没有关于如何让URL工作的想法？google.maps.event.addListener（marker，'click'，function（event）{window.location.href=this.URL；}）；

for (i = 0; i < locations_programs.length; i++) {
    var id = 'programs' + i;

    marker = new google.maps.Marker({
        position: new google.maps.LatLng(locations_programs[i][1], locations_programs[i][2]),
        map: map,
        id: id,
        icon: 'http://www.christielakekids.com/_images/new/blue_circle.png',
        url: locations_programs[i][5],
        image: locations_programs[i][4],
        zIndex: 100
    });

    var testVar = locations_programs[i][4];


    google.maps.event.addListener(marker, 'mouseover', function (event, testVar) {
        this.setIcon(testVar);
    });

    google.maps.event.addListener(marker, 'mouseout', function (event) {
        this.setIcon('http://www.christielakekids.com/_images/new/blue_circle.png');
    });

marker = new google.maps.Marker({
  position: new google.maps.LatLng(locations_programs[i][1], locations_programs[i][2]),
   map: map
  ,id: id
  ,icon: 'http://www.christielakekids.com/_images/new/blue_circle.png'
  ,url: locations_programs[i][5]
  ,image: locations_programs[i][4]
  ,zIndex:100
  ,altIcon: locations_programs[i][4]
});



  google.maps.event.addListener(marker, 'mouseover', function(event) {
      this.setIcon(this.altIcon);
  });