如何在Google Maps API中退出全屏模式

时间:2018-06-03 08:40:31

标签: google-maps fullscreen

我正在使用谷歌地图编程网页和一些标记(点)。标记有一些InfoWindows,InfoWindow是指向< div>的链接。标记在同一页面上。像

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

通过这种方式,用户可以在地图上显示InfoWindow,然后用户可以在网页上显示以下附加信息。

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

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

  1. 退出全屏模式,
  2. 滚动到锚定的&lt; div     ID = “信息” &GT;
  3. 有人可以帮忙吗?

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

1 个答案:

答案 0 :(得分:3)

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

我muset设置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;
}