使Google地图标记鼠标悬停更具互动性

时间:2011-03-16 00:27:33

标签: google-maps maps google-maps-markers

我有一个带有谷歌标记的地图,但我想用它做一些有趣的事情,比如在那里发布链接,并在那里格式化文本以在每行中有一个信息项而不是一行中的所有信息。 / p>

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

1 个答案:

答案 0 :(得分:2)

你可以这样做:

<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/>

是您想要展示的内容,例如图片和联系信息等。 也就是说,如果您希望在mouseover事件上打开信息窗口。您可以通过立即调用该函数(map.openInfoWindow(point,myHtml))打开它。

希望有所帮助。