javascript – 右键点击标记 – Google Maps V3

我一直试图右键单击我的标记,但到目前为止似乎事件并没有被解雇.作为一种解决方法,我目前正在检测地图上的右键单击,然后找到最近的标记并触发右键单击方法 – 显然这并不是很好.

根据文档,标记确实有一个右键单击事件,所以我不确定我做错了什么. https://developers.google.com/maps/documentation/javascript/reference#Marker

google.maps.event.addListener(marker, 'rightclick', handleRightClick)

不起作用但是

google.maps.event.addListener(map, 'rightclick', handleRightClick)

工作良好.同样如下：

google.maps.event.addListener(marker, 'click', handleRightClick)

我也在使用一个名为markerWithLabel – http://google-maps-utility-library-v3.googlecode.com/svn/tags/markerwithlabel/1.1.9/docs/reference.html的自定义标记插件 – 当我发现这没有为右键单击添加事件监听器时,我认为我已经破解了它,但即使我自己添加了一个,仍然没有运气.我在第257行添加了这个：

google.maps.event.addDomListener(this.eventDiv_, "rightclick", function(e) {
    if (me.marker_.getClickable()) {
        google.maps.event.trigger(me.marker_, "rightclick", e);
        cAbortEvent(e);
    }
})

有没有人有类似的问题或找到更好的解决方法？

提前致谢.

解决方法:

假设你有你的地图对象,它叫做globalmap(你做了一个新的google.maps.Map)

这将在地图中心添加标记：

var newmarker=new google.maps.Marker({map:globalmap, position: globalmap.getCenter()});

这将听取右键点击标记;

google.maps.event.addListener(newmarker,  'rightclick',  function(mouseEvent) { alert('Right click triggered'); });

编辑：关于MarkerWithLabel插件,我可以看到它从google.maps.OverlayView扩展,并传入对象的marker_属性中的标记.这意味着您仍然可以按照自己的方式进行操作(从示例中复制)：

 var marker1 = new MarkerWithLabel({
   position: homeLatLng,
   draggable: true,
   raiseOnDrag: true,
   map: map,
   labelContent: "$425K",
   labelAnchor: new google.maps.Point(22, 0),
   labelClass: "labels", // the CSS class for the label
   labelStyle: {opacity: 0.75}
 });

然后添加右键单击行为

google.maps.event.addListener(marker1.marker_,  'rightclick',  function(mouseEvent) { alert('Right click triggered'); });

标签：jquery,javascript,google-maps,google-maps-api-3,right-click
来源： https://codeday.me/bug/20190529/1175672.html