我在我的谷歌地图上设置了标记,并且在该特定标记的悬停上我想显示一个窗口,其中包含与该特定地点相关的一些图像。
如果它们不能容纳在 div 空间中,我还需要对这些图像进行轮播效果..
我怎么做?
我在我的谷歌地图上设置了标记,并且在该特定标记的悬停上我想显示一个窗口,其中包含与该特定地点相关的一些图像。
如果它们不能容纳在 div 空间中,我还需要对这些图像进行轮播效果..
我怎么做?
让我告诉你如何做到这一点-
请参阅 Infowindow 文档中的此示例-
https://developers.google.com/maps/documentation/javascript/overlays#InfoWindows
该示例使用click
标记上的事件来打开信息窗口
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});
既然您想要 a mouse over
,更改事件名称就足够了
google.maps.event.addListener(marker, 'mouseover', function() {
infowindow.open(map,marker);
});
要将图像放置在信息窗口中,请将信息窗口的内容设置为<IMG> tag
-
content: '<IMG ID="imgHolder" BORDER="1" SRC="myimage.jpg">