Как выйти из полноэкранного режима в API карт Google - PullRequest
Новая
       6

Как выйти из полноэкранного режима в API карт Google

0 голосов
/ 03 июня 2018

Я программирую веб-страницу с картой Google на ней и некоторыми маркерами (точками).У маркеров есть некоторые InfoWindows, в InfoWindow есть ссылка на тег

на той же странице.Что-то вроде 
var infowindow = new google.maps.InfoWindow({
            content: '<a href="#info">See info</a>'
        });

Таким образом, пользователь может отображать InfoWindow на карте, а затем пользователь может отображать дополнительную информацию ниже на веб-странице.

Работает нормально.НО, если карта находится в режиме FullScreen , ссылка не работает.

Если пользователь нажимает на ссылку в полноэкранном режиме, я бы хотел

  1. Выйти из полноэкранного режима и
  2. Прокрутить до привязанного

Может кто-нибудь помочь?

Я проверил, что если ссылка идет на другую веб-страницу, то она отлично работает даже в режиме FullScreen.Проблема только в связывании одной и той же страницы (через #id).

1 Ответ

0 голосов
/ 03 июня 2018

Я настроил свое оригинальное решение:

Я установил muset для прослушивания onClick, и этот слушатель должен выполнить два шага: 1) выйти из полноэкранного режима и 2) прокрутить до данного тега

Выход из полноэкранного режима осуществляется с помощью i) проверки, находится ли документ в полноэкранном режиме, и если да, то ii) выхода из полноэкранного режима.

Это должно быть сделано для различных веб-пакетов 

function onClickListener(id) {

    // Exit Full Screen Mode
    if (document.fullscreenElement ) {
    document.exitFullscreen();
    } else if (document.mozFullScreenElement ) {
    document.mozCancelFullScreen();
    } else if (document.webkitFullscreenElement ) {
    document.webkitExitFullscreen();
    } else if (document.msFullscreenElement  ) {
    document.msExitFullscreen();
    }

    // Scroll to #id - using jQuery
    $('html,body').animate({scrollTop:$('#'+id).offset().top}, 700);

    return false;
}
...