2

javascriptAPIを使用してGoogleマップ用に開発しています。マウスクリック中にコマンドキー(Macの場合)が押されたかどうかを知りたいのですが。しかし、私はそのような情報にアクセスできないようです。

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

これを回避する方法はありますか?

4

1 に答える 1

3

ハックすれば可能だと思います。私は Mac を持っていないのでテストできません。私がしたのは、に置き換えることだけでしctrlKeymetaKey。JSFiddle で回避できないバグがあります。最初のクリックまたはメタ + クリックが常に通常のクリックとして登録されます。JSFiddleの外でも問題なく動作します。

メタクリックで latLng を出力する必要があります。試してみてください:

http://jsfiddle.net/ThraL/5/

Windows バージョン (ctrl)

http://jsfiddle.net/ThraL/4/

(あなたが書くことができるように見えますmetaKey || ctrlKeyが、私はテストできないので、それらを分けておきます)。

<!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>
于 2012-04-22T01:52:38.047 に答える