액세스 할 수있는 전단지 타일 레이어를 만드는 방법

Question

타일 레이어에 'alt'태그를 추가하고 응용 프로그램의 액세스 가능성 점수를 높이려면 어떻게해야합니까? 특히 Esri.WorldGrayCanvas이지만 타일은 http://leaflet-extras.github.io/leaflet-providers/preview/ ?

Answer 1

당신은 타일 이미지를 조작 할 수있다 Jquery를 사용해야합니다.

Answer 2

맵로드시 액세스 할 수있는 타일 솔루션은 아래에 나와 있지만 확대/축소 할 때 타일에 대한 해결책은 이 아니며 현재는입니다.

참고 : 아래 해결책은 jQuery를 참조하므로 코드에서 jQuery의 JavaScript를 참조하고 있는지 확인하십시오.

베이스 맵 변수, 예컨대을 : 설정 한 후

var esriGray = L.tileLayer('https://server.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Light_Gray_Base/MapServer/tile/{z}/{y}/{x}', { 
    attribution: 'Map Tiles © Esri — Esri, DeLorme, NAVTEQ', 
    maxZoom: 16 
}); 

는 리플릿 타일 창 속성을주는 jQuery를 문서 준비 기능을 추가합니다. 다음으로 각지도 타일이 '지도 타일 이미지'및 해당 색인 번호로 참조됨을 나타내는 함수를 트리거합니다.

참고 :이 솔루션은 응용 프로그램이로드되고 사용자가 확대/축소하면 즉시 대체 이미지가 사라집니다.

esriGray.on('tileload', function (tileEvent) { 
    tileEvent.tile.setAttribute('alt', 'Map tile image'); 
}); 

이미지가 항상 ALT 태그가 그런 식으로도 줌/팬 후 당신이 돈 '그들이 tileload 이벤트에 접선에 의해로드 할 때

$(document).on('ready', function(){ 
    addMapTileAttr('.leaflet-tile-pane img') 
}); 

function addMapTileAttr(styleClass) { 
    var selector = $(styleClass); 
    selector.each(
    function(index) { 
     $(this).attr('alt',"Map tile image " + index); 
    }); 
}