Javascript 仅当我按IE下的F12键时，地图才在我的网页上可见

这个帖子是我这边的一个更深入的调查，试图了解为什么我的地图在我的页面上不可见。见下面的原始文章链接

为什么我会注意到，当我运行包含地图的页面时，正方形是灰色的，但地图是加载的，因为我可以放置pin。 然后，如果我只按一次F12键，使其处于调试模式，则地图会突然消失，而

如果在刷新包含地图的页面时检查调试程序，则只有以下警告：

“谷歌地图API警告：noapikees”

有什么想法吗？ 钥匙丢失是否会导致这种行为

对不起，我不是这方面的专家，但可以给你任何需要的信息来帮助我确定它为什么会这样

关于

要加载，请使用类似以下示例中的脚本标记：

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"
async defer></script>

script

标记中包含的URL是加载使用Maps JavaScript API所需的所有符号和定义的JavaScript文件的位置。此

脚本

标记是必需的

---

async

属性允许浏览器在加载Maps JavaScript API时呈现网站的其余部分。当API准备就绪时，它将调用使用

回调

参数指定的函数。

在执行

initMap（）

时，google map的元素必须可见。

我发现这是一个在引导程序上使用选项卡式界面的问题（在openlayers中呈现！），它不会显示（a

ol不可选择

类为

显示：无

）

我不得不这样绕过去

$("a[href='#tab-map-was-on']").on('shown.bs.tab', function(e) {
    map.updateSize(); 
});

这影响了chrome和firefox

---

似乎需要触发调整大小事件。控制台来回翻转会触发调整大小。由于未检测到选项卡移动为调整大小，您需要手动触发它

抱歉，断开的链接，下面是asp.net论坛上发布的原始线程的链接：请回答您的问题以修复断开的链接，而不是提供正确的链接在一篇评论中。Rebot先生，我已将脚本添加为sugested，我的页面显示为如下图所示linkl：正如您所见，地图区域不可见，但如果我单击它，我将设法检索位置值。在调试模式下单击F12到ge后，地图显示：知道发生了什么吗？