Google Maps api v3事件 - addListener和addDomListener的工作方式不一样吗？

Question

我无法通过点击地图区域外的某些内容来尝试向地图添加多边形，例如与地图位于同一页面的文字链接。

我可以通过addListener方法点击地图来添加多边形，但是addDomListener的相同代码不起作用。想知道是否有人知道如何正确地做到这一点？

我的代码无法正常工作（我得到了警报测试，因此侦听器正在工作，但多边形未添加到地图中）：

google.maps.event.addDomListener(document.getElementById('thediv'), 'click',function (event){
    drawPolygon();
    alert("test");
});

正在运行的代码但不是我想要的代码（绘制多边形并收到警报测试）：

google.maps.event.addListener(map, 'click',function (event){
    drawPolygon();
    alert("test");
});

以及有效的drawPolygon代码：

function drawPolygon(){
var bermudaTriangle;
var triangleCoords = [
    new google.maps.LatLng(25.774252, -80.190262),
    new google.maps.LatLng(18.466465, -66.118292),
    new google.maps.LatLng(32.321384, -64.75737),
    new google.maps.LatLng(25.774252, -80.190262)
];

  bermudaTriangle = new google.maps.Polygon({
  paths: triangleCoords,
  strokeColor: "#FF0000",
  strokeOpacity: 0.8,
  strokeWeight: 2,
  fillColor: "#FF0000",
  fillOpacity: 0.35
});

bermudaTriangle.setMap(map);
}