Google지도 V3 키보드 접근성

Question

저는 키보드 액세스가 가능한지도를 만들고 있습니다. V3는 기본적으로 키보드에서 액세스 할 수 있지만지도를 클릭하기 전까지는 키보드 기능에 액세스 할 수없는 것으로 보입니다. 지도를 포함하고있는 div 태그로 이동하는 select 링크를 추가했으나 작동하지 않았습니다. 실제로 마우스를 사용하지 않고 일반지도 클릭 이벤트를 활성화하는 방법이 있습니까?

는

그램

Answer 1

당신이 focus() 기능을 사용하여 시도했다 주셔서 감사합니다?

Answer 2

일반적으로 이렇게하는 방법은 tabindex="0"을 추가하여지도 div divide를 만드는 것으로 시작하는 것입니다. 브라우저의 자연스러운 탭 순서에 추가됩니다. 그런 다음 키 누름에 따라 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; 
    } 
});