Карты Google - полный экран события изменения?

Question

Я гулял по всему миру, и я не могу найти решение этой проблемы в любом месте. Нужно ли когда-либо обнаруживать, когда карта выходит в полноэкранный режим или выходит во весь экран? (очень похоже на событие DOM onfullscreenchange)

У меня есть карта с параметром «fullscreenControl», установленным в true, и все, что я хочу сделать, - это центрирование карты на маркерах, когда карта переходит в полноэкранный режим, а также отображение infowindow ТОЛЬКО, когда карта находится в полноэкранном режиме. Как я могу проверить полноэкранные изменения?

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

google.maps.event.addDomListener(document.getElementById("map-canvas"), "fullscreen", function() { 
      console.log("FULLSCREEN CHANGED"); 
     }); 

Я также думал, что я могу сделать пользовательский элемент управления, вместо кнопка X, которая является полноэкранным контролем, для переключения, когда карта переходит в полноэкранный режим, а затем я могу прослушивать событие щелчка на этом настраиваемом элементе управления, но нет ли лучшего способа? Неужели нет события onfullscreenchange или что-то в этом роде?

Спасибо за помощь!

Answer 1

Я обновляю ответ, чтобы включить проверку с помощью таймера на center_change

google.maps.event.addListener(map,'center_change', updateMapBounds); 
} 
function updateMapBounds(){ 
    clearTimeout(mapBoundsTimer); 
    mapBoundsTimer = setTimeout(function() { 
     updateBounds(); 
    }, 500); 
} 
function updateBounds(){ 
    //code to get map_div or gm_style class size and compare it to the 
    if($('.gm_style').height()===window.innnerHeight && 
     $('.gm_style).width() === window.innerWidth){ 
     //fit_markers 
    } 
} 

Но я думаю, что вы можете удалить updateMapBounds, если вы используете google.maps.event.addListener (map.'idle», updateBounds());