GoogleマップV3キーボードアクセシビリティ

Question

キーボードでアクセスしたい地図を作成しています。 V3はデフォルトでキーボードからアクセスできますが、地図がクリックされるまでキーボードの機能にアクセスできないようです。私はマップを含むdivタグにあなたを連れて行く選択するためのリンクを追加しましたが、これはうまくいきませんでした。実際にマウスを使わずに一般的な地図のクリックイベントを有効にする方法はありますか？

は

グラム

Answer 1

あなたはfocus()機能を使用してみました、ありがとう！

Answer 2

私が通常やっているのは、tabindex="0"を追加して、マップdivに焦点を合わせることから始めることです。これにより、ブラウザの自然なタブ順に追加されます。次に、押されたキーに応じてmap.panByまたはmap.setZoomを呼び出すスイッチでkeyupのイベントリスナーを追加します。ここにjQueryの例がありますが、google.maps.event.addListener(map, 'keyup', function() {...etc.});でも同じことができます。 jQueryはイベントを作成します。あなたのためにクロスブラウザを使用するので、コードは簡単です。

$('#map').keyup(function(event) { 
    var o = 128; // half a tile's width 
    switch(event.which) { 
     case 37: // leftArrow 
      map.panBy(-o,0); 
      break; 
     case 38: // upArrow 
      map.panBy(0,-o); 
      break; 
     case 39: // rightArrow 
      map.panBy(o,0); 
      break; 
     case 40: // downArrow 
      map.panBy(0,o); 
      break; 
     case 109: // numpad - 
     case 189: // - 
      map.setZoom(map.getZoom()-1); 
      break; 
     case 107: // numpad + 
     case 187: // = 
      map.setZoom(map.getZoom()+1); 
      break; 
    } 
});