除非我点击它，否则带有缩放21的谷歌地图将显示为灰色区域

Question

我有一个.net网站，其中包含2个不同页面上的2个谷歌地图，如下所示： -

Page 1

<div class="map">                    
<iframe src="https://www.google.com/maps/embed/v1/place?key=***&q=3****2&zoom=21&maptype=satellite"></iframe></div>

第2页

<div class="map">
<iframe src="https://www.google.com/maps/embed/v1/place?key=***&q=3****0&zoom=18&maptype=satellite"></iframe>   

现在第1页上的地图将显示为灰色区域，如下所示： -

我必须点击要显示的地图区域。在第二页上，一旦页面加载，地图将正确显示。

现在两张地图之间的唯一区别是： -

1. 每张地图都有自己的协调。
2. 第一张地图有zoom=21，而第二张地图有zoom=18。

我最近注意到了这个问题，我相信它在过去两年中运作良好。 那么有人可以就这个问题的可能来源提出建议吗？我在FireFox上测试了这个，IE11＆amp;谷歌Chrome ..他们都有同样的问题。

由于