Question

当用户点击google-maps地图中的位置时，我需要使用javascript（window.open）打开链接。

如何让用户了解它是一个链接，他可以点击它，以及当他点击它时他最终会在哪里？

除此之外，当用户将鼠标悬停在地图位置时，该位置的URL应显示在状态栏中，就像使用firefox中的普通链接一样。

我该怎么做？

由于

dontomaso

Answer 1

您可以创建一个简单的链接，然后使用不引人注目的Javascript技术在其上放置onclick侦听器。当用户单击链接时，您将拦截click事件，阻止默认操作，读取href属性并打开窗口。有点像这样：

<a href="http://www.example.com" id="myLink">link</a>

$("#myLink").on("click", function(event) {
    event.preventDefault();
    myFunctionToOpenWindowForUrl(this.href);
});

这是使用jQuery，当然你可以将它适应你可能正在使用的任何其他JS库。通过这种方式，您还可以在状态栏中看到原始URL，因为这是链接的自然内容 - 无需额外编码。即使没有Javascript，你的链接也会工作，这使得这种方法比样式化跨度更好，例如看起来像链接，然后将监听器附加到它。

Answer 2

好的我不太了解谷歌地图如何管理JS代码所以我试着给你一般的帮助：

您可以创建一个DIV（具有您想要的矩形区域的宽度和高度），然后将背景颜色透明放置在您想要进入地图的绝对坐标中。

然后为它编写onmouseover和onclick处理程序，这样当用户查看它时你会改变鼠标形状（从指针到指针），当它点击它时打开网址。

用于状态栏，当用户点击地图时，您可以执行以下操作：

window.status = (getURL)

Answer 3

您可以使用CSS（cursor：pointer;）

修改光标以显示为指针

此外，您可以将目标放入标题标记中，这样，如果用户将鼠标移到元素上，用户就会看到目的地。

Answer 4

尝试这样的事情：

<a href="javascript:void(0);" onclick="yourAction()" onmouseover="window.status='status bar';">link</a>

href="javascript:void(0);"会显示链接，如果你要放在href="#"，它只会在页面顶部滚动。 Href必须设置为通常的链接显示。

onmouseover="window.status='status bar';"将在鼠标悬停时在窗口中设置状态。

使用javascript模拟链接的外观

4 个答案: