Удалить tabindex из карт Google v3 - PullRequest
0 голосов
/ 28 апреля 2018

Я пытаюсь удалить tabindex из всех частей API карты, я уже попробовал ответ из этого сообщения :

google.maps.event.addListener(MAP, "tilesloaded", function(){
    [].slice.apply(document.querySelectorAll('#map a')).forEach(function(item) {
        item.setAttribute('tabindex','-1');
    });
})

Но это не работает, я пробую это на простой карте, чтобы потом добавить в приложение, поэтому вот простая страница:

<!DOCTYPE html>
<html>
  <head>
    <title>Simple Map</title>
    <meta name="viewport" content="initial-scale=1.0">
    <meta charset="utf-8">
    <style>
      /* Always set the map height explicitly to define the size of the div
       * element that contains the map. */
      #map {
        height: 50%;
      }
      /* Optional: Makes the sample page fill the window. */
      html, body {
        height: 100%;
        margin: 0;
        padding: 0;
      }
    </style>
  </head>
  <body>
    <input type="text">
    <div id="map"></div>
    <input type="text">
    <script>
      var map;
      function initMap() {
        map = new google.maps.Map(document.getElementById('map'), {
          center: {lat: -34.397, lng: 150.644},
          zoom: 8
        });
      }         
    </script>
    <script src="https://maps.googleapis.com/maps/api/js?&callback=initMap"
    async defer></script>
  </body>
</html>

1 Ответ

0 голосов
/ 30 апреля 2018

Если вы хотите, чтобы ваша карта не была интерактивной, кажется, что использование Static Maps API было бы разумным выбором

РЕДАКТИРОВАТЬ: Согласно вашему комментарию, если вы не хотите, чтобы он был полностью функциональным для пользователей, не считывающих программы чтения с экрана, у вас есть возможность вставить карту в тег <div aria-hidden="true">, который должен отключить программу чтения с экрана для ее чтения. Вы также можете добавить ссылку «пропустить карту» над картой, чтобы позволить пользователю клавиатуры (без программы чтения экрана) обойти карту.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...