Google地图,如何在POI上捕获右键单击事件

时间:2016-10-01 20:43:20

标签: javascript google-maps

我正在使用gmaps.js。 我需要在地图的任何一点捕获右键单击事件。

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

如果单击地图上的随机点,上面的方法可以正常工作。但是,如果我点击兴趣点(POI - 巴士站,地铁站,着名建筑等),我的回调将无效。

如何在POI上右键单击添加侦听器?

1 个答案:

答案 0 :(得分:0)

如果您在点击时不需要(或想要)POI的信息窗口,请将MapOptions中的clickableIcons属性设置为false。

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>
&#13;
&#13;
&#13;