使用 link 在 google 地图中切换 groundoverlay

Question

我们有一张 google maps V3 地图。在函数中使用地面覆盖层。我们有一个包含项目的菜单，我希望在单击 link 时出现 groundoverlay，再次单击时消失。

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

有什么建议吗？

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

这是我的 HTML 代码：

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

谢谢！

Answer 1

您的 link 调用了 Radarlaag 函数，该函数执行以下操作：

radarOverlay.setMap(null); - 删除叠加层
radarOverlay.setMap(map); - 添加叠加层

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

function Radarlaag() {

    if (radarOverlay.getMap()) {

        radarOverlay.setMap(null);

    } else {

        radarOverlay.setMap(map);
    }
}

这是未经测试的。

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

Toggle groundoverlay in google maps with link