Javascript 无法在网页上显示和隐藏雷达层

我不能，为了我的生活，想出如何切换这个谷歌地图雷达层显示和隐藏每当我点击相关按钮。任何帮助都将不胜感激

基本上，每当我点击我的雷达按钮时，我都希望这个功能能够打开和关闭

Javascript: HTML: 这是我的建议

我对JSFIDLE非常陌生，所以我不太确定如何正确显示图像。以下是该网站的图片：

---

所以是的。。答案实际上相当简单，无需在JSFIDLE上查看示例代码的输出

setInterval，返回句柄，也称为timerId

要清除间隔计时器，请使用window.clearIntervaltimerId。。若要隐藏雷达，请迭代覆盖类型并将“不透明度”设置为0

按钮 雷达 几分钟前：

---

文件markerwithlabel.js的内容是插入到小提琴的javascript部分的内容吗。。。不要太苛刻，但这是一个相当糟糕的小提琴样品。在html部分中有相对路径脚本和链接资源。。html部分表示body标记的innerHtml。。在html部分也有。。。它会警告你把它排除在外。。除了你有<作为第一行。。。我肯定是打字错误。。我要把这件事弄清楚一点。。。我会的，我知道，我真的是个新手。markerwithlabel是每个队的标记。这与实际的网站无关，它现在是自己的。稍后我将在中实现它。我感谢你的帮助！好搁置JSFIDLE；您的标记和javascript有很多错误。我不确定您是否知道，但如果您在浏览器中打开开发人员工具。。有一个控制台，当您出现语法错误时，它将指示日志。。我在这里看到的一个常见的js错误是在json声明的末尾有一个逗号。{id:0，name:John Doe，}将由于最后一个逗号而引发错误。。还有几个缺少的分号；。。。如果markerwithlabel.js链接和标记超出了您的问题范围，我将删除对它的引用。好的。。我把它打扫干净了。。删除了对一些背景图像的引用。。问题是,；但是，我没有看到它将地图加载到画布中。。。您有对function.js的脚本引用。。那剧本是干什么的？谢谢！由于某些原因，JSFIDLE不会加载地图。我不知道为什么。js基本上是我在FIDLE上的javascript模板中显示的所有javascript。我又忘了把参考资料拿出来。你知道如何显示/隐藏雷达覆盖图吗？我试过jquery方法，但那只会隐藏图标。它可以工作！我从来没有想过要创造一个计时器。我认为它应该更基于CSS或jquery。非常感谢！如果可以的话，我会给你买杯啤酒。@user3543426，我在这个stacksnippet示例中添加了一个用于weather.active的CSSStyleDeclaration。。我不知道您是否打算实际显示该元素，但添加一个指示器是值得考虑的。。。

function animateRadar(overlayMapTypes) {
index = map.overlayMapTypes.getLength() - 1;

window.setInterval(function(){

    map.overlayMapTypes.getAt(index).setOpacity(0.00);

    index--;
    if(index < 0){
        index = map.overlayMapTypes.getLength() - 1;
    }
    map.overlayMapTypes.getAt(index).setOpacity(0.60);
}, 400);

function wx(){
        animateRadar();
       }


$("#wxxx").click(function(){
        $("#weather").toggleClass("active");
            wx();

   });

<li id ="wxxx"class='radar'>
        <ul id="weather"></ul>

var timerId = -1;

function animateRadar(overlayMapTypes) {
    index = map.overlayMapTypes.getLength() - 1;

    if (timerId >= 0) {
        //stop timer
        window.clearInterval(timerId);
        timerId = -1;        

        //hide overlayMayTypes
        for (var i = 0, max = map.overlayMapTypes.length; i < max; i++) 
        {
            map.overlayMapTypes.getAt(i).setOpacity(0.00);
        }

        return;
    }

    timerId = window.setInterval(function () {


        map.overlayMapTypes.getAt(index).setOpacity(0.00);

        index--;
        if (index < 0) {
            index = map.overlayMapTypes.getLength() - 1;
        }
        map.overlayMapTypes.getAt(index).setOpacity(0.60);
    }, 400);
}