Javascript 谷歌地图自定义覆盖点击事件

我已经将谷歌地图集成到一个爱奥尼亚项目中，并在地图标记上方应用了自定义覆盖显示标记位置的地址

我已将单击事件侦听器应用于地图，以检测任何单击，然后清除并重新应用新位置的新标记。到现在为止，一直都还不错。我已经将ng click属性应用于overlay div，然后执行一些代码。这也行得通。我遇到的问题是，当单击overlay div时，ng click和map click事件侦听器都会启动，移动标记。我只想让div的监听器开火，但似乎无法做到这一点

我是不是错过了一些简单的东西

请参阅以下代码和此代码笔以了解工作示例

我在地图上听着，就像这样：

            $scope.map = new google.maps.Map(document.getElementById("map"), mapOptions);


            $scope.map.addListener('click', function(event) {
               placeMarker(event.latLng);
            });

在marker div上没有侦听器，而是使用ng click属性：

  <div id="map" data-tap-disabled="true"></div>
  <div id="customMapMarkerDiv" ng-click="choosePassportLocation(chosenPassport)"><i class="icon ion-plane"></i><h5> {{chosenPassport.address}}</h5></div>

{{chosenPassport.address}

任何帮助都将不胜感激

---

谢谢

这个问题的答案是对marker div应用css，将指针事件设置为

auto

CSS:

---

答案是将css应用于标记div，将指针事件设置为

auto

CSS:

---

我建议使用角度库包装谷歌地图API，如：或我建议使用角度库包装谷歌地图API，如：或

pointer-events: auto;