Javascript 按F12键后才显示谷歌地图

我完全按照GoogleMapJavaScriptAPI文档给出的编码结构

我的代码如下：

函数initMap（）{
var uluru={lat:，lng:}；
var map=new google.maps.map（document.getElementById（'googleMap'）{
缩放：10，
中心：乌卢鲁
});
var marker=new google.maps.marker({
职位：乌卢鲁，
地图：地图，
标题：“”
});
}

问题在于模板选项卡模块，它隐藏了元素，并且不会运行initMap（）函数

我在选项卡外复制了地图显示代码：

函数initMap（）{
var uluru={lat:，lng:}；
var map=new google.maps.map（document.getElementById（'googleMap'）{
缩放：10，
中心：乌卢鲁
});
var marker=new google.maps.marker({
职位：乌卢鲁，
地图：地图，
标题：“”
});
}

问题在于模板选项卡模块，它隐藏了元素，并且不会运行initMap（）函数

我在选项卡外复制了地图显示代码：

函数initMap（）{
var uluru={lat:，lng:}；
var map=new google.maps.map（document.getElementById（'googleMap'）{
缩放：10，
中心：乌卢鲁
});
var marker=new google.maps.marker({
职位：乌卢鲁，
地图：地图，
标题：“”
});
}

这是你的代码——用适当的值替换PHP内容，效果很好-自己看看-你在开发者工具控制台中看到任何错误吗？谢谢Jaromanda的回复。是的，它在你的小提琴上很好用。我使用相同的代码，只添加了一个API键。如果转到并单击该位置，您可以看到地图区域。没有控制台错误，这让我很惊讶。除非我按F12键，否则地图是完全空白的。请给出建议。请尝试其他浏览器。我刚刚尝试了Microsoft Edge。同样的结果。按F12键后会显示地图。问题是，当调用

initMap

时，包含地图的DIV为“display:none”。。。顺便说一句，F12对我来说真是太糟糕了。。。在控制台中运行

initMap（）。看起来您需要考虑如何运行
initMap（）
当选择“tab”时这里是您的代码——使用适当的值来替换PHP内容，它工作正常-请自行查看-您在开发工具控制台中看到任何错误吗？谢谢Jaromanda的回复。是的，它在你的小提琴上很好用。我使用相同的代码，只添加了一个API键。如果转到并单击该位置，您可以看到地图区域。没有控制台错误，这让我很惊讶。除非我按F12键，否则地图是完全空白的。请给出建议。请尝试其他浏览器。我刚刚尝试了Microsoft Edge。同样的结果。按F12键后会显示地图。问题是，当调用
initMap
时，包含地图的DIV为“display:none”。。。顺便说一句，F12对我来说真是太糟糕了。。。在控制台中运行
initMap（）。看起来您需要考虑如何在选中该“选项卡”时运行
initMap（）