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

我有一个显示谷歌地图的网页。它在独立模式下工作正常。不幸的是，当我的另一个域名相同的网站在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'
    }
);

编辑：这是用于桌面的

这是两个JSIDLE链接。其中我创建了一个地图，ohter页面在iframe中加载上一个。全屏按钮缺少第二个按钮

---

问题在于iframe syntex。我没有使用

allowfullscreen

标志。如果google map js检测到它没有全屏权限，它不会呈现全屏按钮

---

您能否向我们提供一个完整的示例（）来演示这个问题？@rafon编辑了这个问题。我添加了问题演示的链接。