使 Google 地图标记鼠标悬停更具交互性答案

【问题标题】：Making Google map marker mouse-over more interactive使 Google 地图标记鼠标悬停更具交互性
【发布时间】：2011-07-16 05:39:31
【问题描述】：

我有一张带有谷歌标记的地图，但我想用它做一些有趣的事情，比如在其中发布一个链接，并将那里的文本格式化为每行有一个信息项，而不是全部在一行中。

这可能吗？如果是这样，那么可以做什么以及如何做？ :) 这是我目前在此页面底部的无聊地图和标记： http://www.comehike.com/outdoors/parks/trailhead.php

【问题讨论】：

标签： google-maps maps google-maps-markers

【解决方案1】：

你可以这样做：

<script...

var marker = new GMarker(point);
map.addOverlay(marker);
var myHtml = "<your html here/>";
GEvent.addListener(marker, 'mouseover', function() {
     map.openInfoWindow(point, myHtml); 
};
.../>

在哪里

<your html here/>

是您要显示的内容，例如图像和联系信息或其他内容。也就是说，如果您希望在鼠标悬停事件时打开信息窗口。您可以通过立即调用该函数（ map.openInfoWindow(point, myHtml) ）默认打开它。

希望对您有所帮助。

【讨论】：

当点击标记时，它会显示一个包含您选择的 HTML 的气泡窗口（本例中的 myHtml 变量）。
正如@Fosco 解释的那样，我只是编辑了代码，所以事件是“鼠标悬停”而不是“点击”，正如你首先问的那样。