Google地图全屏显示在特殊情况下不显示

Question

我有一个显示Google地图的网页。在独立模式下运行正常。不幸的是，当我的另一个具有相同域名的网站在iframe中调用此页面时，google map div不会显示全屏控制按钮。所有其他操作按钮都是可见的，我没有发现其他错误。下面是代码：

var map = new google.maps.Map(
    document.getElementById('map_container'),
    {
        zoom: 5,
        center: center,
        disableDefaultUI: true,
        fullscreenControl: true,   //all other controls works fine
        gestureHandling: 'greedy'
    }
);

编辑：这是针对台式机的。

Answer 1

问题出在iframe Syntex上。我没有使用allowfullscreen标志。如果google map js检测到它没有全屏权限，则不会呈现全屏按钮。

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe