javascript - 谷歌地图，如何捕获POI上的右键单击事件

Question

我正在使用gmaps.js 。我需要捕获 map 上任意点的右键单击事件。

GMaps.on('rightclick', map.map, function(event) {
  console.log('Right click was captured.')
});

如果我点击 map 上的随机点，上面的方法就可以正常工作。但是，如果我点击兴趣点(POI - 公交车站、地铁站、著名建筑等)，我的回调将不起作用。

如何为 POI 上的右键单击添加监听器？

Answer 1

如果您不需要(或不希望)单击 POI 的信息窗口时打开它，请在 MapOptions 中设置 clickableIcons 属性。为假。

proof of concept fiddle

代码片段:

var map;
$(document).ready(function() {
  map = new GMaps({
    div: '#map',
    lat: -12.043333,
    lng: -77.028333,
    clickableIcons: false
  });
  GMaps.on('rightclick', map.map, function(event) {
    console.log('Right click was captured.')
  });
});

html,
body,
#map {
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js"></script>
<script src="https://hpneo.github.io/gmaps/gmaps.js"></script>
<div id="map"></div>