javascript - 我们可以在 google-maps-v3 上捕捉到“双击右键”事件吗？

Question

我们可以吗 ？

我想做这样的事情：

google.maps.event.addListener(map, 'db_right_click', function(event) {
   alert('ssss')
}

如何捕捉“db_right_click” 事件？

有什么办法吗？？

Answer 1

我得到它

和

这是我的代码：

//***********  double right click ********/ 
                                var c =0 ;
                                $('#map_canvas')[0].onmousedown=function(event){
                                    if(event.button == 2){
                                        c++;
                                setTimeout(cc, 600);
                                }
                             if (c >1){
                                   alert('ok i get it')
                                }
                                }
                                function cc{
                                    c=0;
                                }
                              //***********  double right click ********/

Answer 2

我看不到在谷歌地图上捕获双击右键事件的简单方法。

但这是我用于我的用例的解决方法：

我需要的是在单击一次右键时执行一个操作，而不是在双击右键时执行该操作，只是让地图像正常一样缩小。

我还注意到，即使您双击右键，谷歌地图也只会发出 1 个右键单击事件。

所以我所做的只是听谷歌的右键单击事件，然后 setTimeout 300 毫秒，如果新缩放与旧缩放不同，这意味着他们双击右键，否则执行我的操作：

google.maps.event.addListener(map, "rightclick", function(event) {
    var zoom = map.getZoom()
      setTimeout(function () {
      if (map.getZoom() == zoom) { // zooms are the same so they didn't double right click.
        handleSingleRightClick() // <-- your code here
      }
    }, 300)
});

Answer 3

您可以通过 JavaScript 捕获双击右键事件，但如果您需要来自谷歌地图事件的一些特定数据，这还不够。例如，您需要获取双击右键的位置的坐标。这是解决方案：

// variable to store right clicked place coordinates
let rightClickCoordinates;
// variable to store amounts of right clicks
let rightClicksAmount = 0;

// listener for google map right click event
google.maps.event.addDomListener(map, 'rightclick', (e) => {
    // store coordinates of place was right clicked
    rightClickCoordinates = e.latLng;
});

// listener for google map container double right click event
document.getElementById('your_map_container_id').addEventListener('mousedown', () => {
    // check for double right click
    if(e.button == 2) {
        // if right mouse button clicked increase amount by 1
        rightClicksAmount++;
    }

    // if we had more than 1 right click during the 300 ms - we caught right double click event
    if (rightClicksAmount > 1) {
        // do what you want with coordinates
        console.log(rightClickCoordinates.lat() + ', ' + rightClickCoordinates.lng());
    }

    // after 300ms set right clicks amount to 0
    setTimeout(()=> {
        rightClicksAmount = 0;
    }, 300);
}});

您可以以相同的方式获取任何谷歌地图事件属性。