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

发布于 2024-10-22 08:14:36 字数 264 浏览 1 评论 0原文

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

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

I have a map with a google marker, but I would like to do some fun things with it like post a link in there, and format the text there to have an information item per line instead of all in one line.

Is that possible? If so, then what can be done and how? :)
Here is my current boring map and marker at the bottom of this page:
http://www.comehike.com/outdoors/parks/trailhead.php

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

离去的眼神 2024-10-29 08:14:36

您可以这样做:

<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))来默认打开它。

希望有帮助。

You could do:

<script...

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

where

<your html here/>

is what you want to show, for example image and contact info or something.
That is if you want the info window opened on mouseover event. You could either open it by default by calling that function ( map.openInfoWindow(point, myHtml) ) right away.

Hope that helps.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文