Remove Google Map elements from tab index
The Google logo, "Terms of Use", and "Report a map error" link are normally part of the tab index. This removes them
by xiondark2008
HTML
<script src="https://maps.googleapis.com/maps/api/js"></script>
<input/>
<div id="map"></div>
<input/>
CSS
#map {
width: 100%;
height: 100px;
}
JavaScript
var MAP;
function initialize(){
var mapOptions = {
zoom: 4,
center: new google.maps.LatLng(38.8282, -98.5795)
};
MAP = new google.maps.Map(document.getElementById('map'), mapOptions);
google.maps.event.addListener(MAP, "tilesloaded", function(){
/* * / //Jquery
$("#map a").attr("tabindex","-1");
/*/ //No Jquery
[].slice.apply(document.querySelectorAll('#map a')).forEach(function(item) {
item.setAttribute('tabindex','-1');
});
// */
})
}
initialize();