在Google地图中显示悬停标记的内容Div

Question

我在Google地图上设置了标记，并且在该特定标记的悬停上我想要显示一个窗口，其中包含与该特定位置相关的一些图像。

如果他们不能容纳在div空间中，我需要对这些图像有旋转木马效果..

我该怎么做？

Answer 1

让我告诉你如何做到这一点 -

请参阅Infowindow文档中的此示例 -

https://developers.google.com/maps/documentation/javascript/overlays#InfoWindows

该示例在标记上使用click事件来打开信息窗

google.maps.event.addListener(marker, 'click', function() {
  infowindow.open(map,marker);
});

由于您需要mouse over，因此更改事件名称就足够了

google.maps.event.addListener(marker, 'mouseover', function() {
      infowindow.open(map,marker);
    });

用于在infowindow内放置图像， 设置infowindow的内容为<IMG> tag为 -

content: '<IMG ID="imgHolder" BORDER="1" SRC="myimage.jpg">