Google地图自定义叠加点击事件
我已将谷歌地图整合到离子项目中，并已应用自定义叠加层显示在地图标记上方以显示标记位置的地址。
我已将点击事件侦听器应用于地图以检测任何点击，然后清除并重新应用新位置的新标记。 到现在为止还挺好。 我已经将ng-click属性应用于覆盖div，然后执行一些代码。 这也适用。 我遇到的问题是，当点击叠加div时，ng-click和map点击事件侦听器都会触发，移动标记。 我只想要div侦听器启动，但似乎无法实现这一点。
我在这里错过简单的东西吗？
请参阅下面的代码和这个codepen的工作示例http://codepen.io/antonfire/pen/LGMqJz
我在地图上听着，就像这样：
$scope.map = new google.maps.Map(document.getElementById("map"), mapOptions);
$scope.map.addListener('click', function(event) {
placeMarker(event.latLng);
});
并且在标记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>
任何帮助将非常感激。
谢谢
答案是将css应用于标记div以将指针事件设置为auto 。
CSS：
pointer-events: auto;