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

Question

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

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

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

    // show a div  

});

但是当我点击标记外面时如何隐藏div？

Answer 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/