使用链接在谷歌地图中切换地面覆盖答案

【问题标题】：Toggle groundoverlay in google maps with link使用链接在谷歌地图中切换地面覆盖
【发布时间】：2015-01-13 19:11:22
【问题描述】：

我们有一个 google maps V3 地图。在功能中具有地面覆盖。我们有一个包含项目的菜单，我希望在单击链接时出现groundoverlay，再次单击时消失。

这是我目前的代码，但它还不能工作。

有什么建议吗？

function Radarlaag() {
radarOverlay.setMap(null);
radarOverlay.setMap(map);
}

这是我的 HTML 代码：

<li><a href="#" class="icon radar" id="radar_box" onclick="Radarlaag();">Radar</a></li>

谢谢！

【问题讨论】：

【解决方案1】：

您的链接调用 Radarlaag 函数：

radarOverlay.setMap(null); - 删除覆盖
radarOverlay.setMap(map); - 添加覆盖

使用getMap 方法，您应该能够执行以下操作：

function Radarlaag() {

    if (radarOverlay.getMap()) {

        radarOverlay.setMap(null);

    } else {

        radarOverlay.setMap(map);
    }
}

这是未经测试的。

编辑：您还在setTimeout 函数中调用Radarlaag，以便每隔一秒打开和关闭它。不知道这是不是刷新GIF文件的尝试？

【讨论】：

谢谢，但仍然收到消息：未捕获的 ReferenceError：radarLaag 未定义
您何时收到该消息？您是否删除/评论了 setTimeout 函数？
问题是当我点击链接时。 Chrome javascript 控制台显示此错误！
从链接中移除 onclick 并将其添加到您的脚本中：document.getElementById('radar_box').addEventListener("click", Radarlaag);
输入或输出函数？