这个帖子是我的一个调查，试图了解为什么我的地图在我的页面上不可见。请参阅以下链接了解原始帖子
为什么我注意到当我运行包含MAP的页面时，方块是灰色的，但地图已加载，因为我可以放置引脚。 然后，如果我只按一次F12键进入调试模式，那么突然MAP apears和遗体
如果我在刷新包含地图的页面时检查debuger，我只有以下警告：
＆＃34; Google Maps API警告：NoApiKeys https://developers.google.com/maps/documentation/javascript/error-messages#no-api-keys＆＃34;
有什么想法吗？ 缺少密钥会导致此行为吗？
很抱歉，我不是这方面的专家，但可以为您提供任何所需信息，帮助我确定其行为的原因
问候
答案 0 :(得分：0)
要加载Google Maps JavaScript API，请使用以下示例中的脚本标记：
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"
async defer></script>
script标记中包含的网址是JavaScript文件的位置，该文件可加载使用Maps JavaScript API所需的所有符号和定义。此script标记是必需的。
async属性可让浏览器在加载Maps JavaScript API时呈现您网站的其余部分。 API准备就绪后，将调用使用callback参数指定的函数。
答案 1 :(得分：0)
执行initMap()时，Google地图的元素必须可见
答案 2 :(得分：0)
我发现此问题与引导程序上的选项卡式界面（在openlayers中渲染一个！）不显示（ol-unselectable类为display:none）
我必须这样解决
$("a[href='#tab-map-was-on']").on('shown.bs.tab', function(e) {
map.updateSize();
});
这会影响铬和Firefox。在openlayers映射上
看来RESIZE事件需要触发。控制台来回翻转以调整大小。由于未将标签页移动检测为调整大小，因此您需要手动将其触发