当我点击地图内的任何地方而不是标记时隐藏一个 div 元素答案

【问题标题】：Hide a div element when I click everywhere inside a map and not on the marker当我点击地图内的任何地方而不是标记时隐藏一个 div 元素
【发布时间】：2017-07-26 14:46:57
【问题描述】：

对不起，这是非常基础的，但我仍在学习创建一个基本的地图程序。当我不点击标记时，我想隐藏一个 Div 元素。我设法使用点击事件显示一个 div，如下代码：

var marker = new google.maps.Marker({
    map: map,
});

marker.addListener('click', function(event) {

    // show a div  

});

但是当我在标记之外单击时如何隐藏 div？

【问题讨论】：

您想在标记外部（地图上的任何位置）单击时隐藏 div？
是的，我想在地图上的任何地方隐藏一个 div。当我点击标记时显示它。
也许你的意思是信息窗口？还是您的自定义 div？
我添加了截图。

标签： javascript google-maps

【解决方案1】：

只需为您的地图添加点击事件：

var my_div = document.getElementsByClassName("custom_div")[0];
var jq_my_div = $('.custom_div'); // Jquery

google.maps.event.addListener(map, "click", function(event) {
        my_div.style.display = 'none';
        jq_my_div.hide(); // Jquery
});

当您点击标记时 - 它不会对地图点击事件做出反应。

JSfiddle：http://jsfiddle.net/4mtyu/2814/

【讨论】：

谢谢！我想通了！