如何在谷歌地图 API 中退出全屏模式

Question

我正在编写带有谷歌地图和一些标记（点）的网页。标记有一些 InfoWindow，在 InfoWindow 中是指向同一页面上的

标记的链接。类似的东西

var infowindow = new google.maps.InfoWindow({
            content: '<a href="#info">See info</a>'
        });

这样，用户可以在地图上显示InfoWindow，然后用户可以在网页下方显示附加信息。

它工作正常。但如果地图处于 FullScreen 模式，则链接不起作用。

如果用户在全屏模式下点击链接，我想

1. 退出全屏模式，然后
2. 滚动到锚定的

   有人可以帮忙吗？

   我已经测试过，如果链接转到另一个网页，那么即使在全屏模式下也可以正常工作。问题仅在于链接同一页面（通过#id）。

   【问题讨论】：

   • 您应该能够以某种方式触发 ESC 按键以首先存在全屏模式。不过我现在没时间测试。

Answer 1

我调整了我原来的解决方案：

我必须设置 onClick 侦听器来链接 ant 这个侦听器必须处理两个步骤：1）退出全屏模式和 2）滚动到给定的标签

退出全屏模式由 i) 检查文档是否处于全屏模式，如果是，则 ii) 退出全屏模式。

这必须针对不同的 webkits 完成

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;
}