Google maps api 3 谷歌地图--在点击事件中检测元键状态？_Google Maps Api 3_Mouseevent

Google maps api 3 谷歌地图--在点击事件中检测元键状态？

google-maps-api-3

Google maps api 3 谷歌地图--在点击事件中检测元键状态？,google-maps-api-3,mouseevent,Google Maps Api 3,Mouseevent,我正在使用javascript API为Google地图开发。我想知道鼠标点击时是否按下了（Mac电脑上的）命令键。然而，我似乎无法获得此类信息： https://developers.google.com/maps/documentation/javascript/reference#MouseEvent 有什么办法可以解决这个问题吗？我认为黑客可能会这样做：我没有Mac电脑，所以无法测试。我所做的只是将ctrlKey替换为metaKey。在JSFIDLE中有一个我无法绕过的bug，第一次单

我正在使用javascript API为Google地图开发。我想知道鼠标点击时是否按下了（Mac电脑上的）命令键。然而，我似乎无法获得此类信息：

https://developers.google.com/maps/documentation/javascript/reference#MouseEvent

有什么办法可以解决这个问题吗？

我认为黑客可能会这样做：我没有Mac电脑，所以无法测试。我所做的只是将

ctrlKey

替换为

metaKey

。在JSFIDLE中有一个我无法绕过的bug，第一次单击或meta+单击将始终注册为常规单击。它在JSFiddle之外工作得很好

Meta click应打印板条。请尝试一下：

Windows版本（ctrl）

（看起来您可以编写

metaKey | | ctrlKey

，但由于我无法进行测试，所以将它们分开）


html，body，#map_canvas{margin:0；padding:0；height:100%}
var映射；
var mapOptions={center:new google.maps.LatLng（0.0,0.0），zoom:2，
mapTypeId:google.maps.mapTypeId.ROADMAP}；
函数初始化（）{
map=new google.maps.map（document.getElementById（“map_canvas”），mapOptions）；
var-metadown；
var=0；
$（窗口）.keydown（函数（evtobj）{
if（evtobj.metaKey）{
metadown=true；
} 
$（窗口）.1（“键控”，函数（evtobj）{
metadown=假；
});
});
google.maps.event.addListener（映射，'click'，函数（事件）{
if（metadown）{
$（“#控制台”）.val（event.latLng）；
metadown=假；
}
否则{
$（“#控制台”）.val（“元未关闭（“+单击+”）\n”）；
点击++；
}
});
}
google.maps.event.addDomListener（窗口“加载”，初始化）；

太棒了！你的模型对我很有用，今天晚些时候我会尝试一下这段代码。你可以通过清除窗口模糊事件中变量的状态来改进这一点，如中所述

<!DOCTYPE html>
<html>
  <head>
    <style type="text/css">
      html, body, #map_canvas { margin: 0; padding: 0; height: 100% }
    </style>
    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript">
      var map;
      var mapOptions = { center: new google.maps.LatLng(0.0, 0.0), zoom: 2,
        mapTypeId: google.maps.MapTypeId.ROADMAP };

      function initialize() {
        map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);

      var metadown;
      var clicks = 0;

      $(window).keydown(function(evtobj) {
        if(evtobj.metaKey) { 
          metadown = true;
        } 
        $(window).one("keyup",function(evtobj) {
          metadown = false;
        });
      });

      google.maps.event.addListener(map, 'click', function(event) {
        if(metadown) {
          $("#console").val(event.latLng);
          metadown = false; 
        }
        else {
          $("#console").val("meta not down (" + clicks + ")\n");  
          clicks++;
        }
      });

      }
      google.maps.event.addDomListener(window, 'load', initialize);
    </script>
  </head>
  <body>
<div id="display">
    <textarea id="console" rows="2" cols="30"></textarea>
</div>
    <div id="map_canvas"></div>
  </body>
</html>