使用链接在Google地图中切换地面覆盖

时间:2015-01-13 19:11:22

标签: javascript jquery google-maps google-maps-api-3

我们有谷歌地图V3地图。在功能中使用地面覆盖。我们有一个带有项目的菜单,我希望当点击链接时会显示地面覆盖,再次点击时会消失。

这是我的代码到目前为止,但它还没有工作。

任何提示?

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

这是我的HTML代码:

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

谢谢!

1 个答案:

答案 0 :(得分:0)

您的链接会调用Radarlaag函数:

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

使用getMap方法,您应该可以执行以下操作:

function Radarlaag() {

    if (radarOverlay.getMap()) {

        radarOverlay.setMap(null);

    } else {

        radarOverlay.setMap(map);
    }
}

这是未经测试的。

修改:您还在Radarlaag功能中调用setTimeout,这样每秒都可以打开和关闭它。我不知道这是否是尝试刷新GIF文件?