Google Maps API v3地图呈现灰色

Question

我已经在这个问题上看过几个主题，但没有一个相关的问题似乎给我带来了解决方案。

我尝试使用Google Maps API v3显示地图。在其他网站上，我处理的代码工作正确，但在这种特殊情况下，它不会工作。

我做的事情：

• 添加一个API密钥（使用一些随机值对其进行测试，Google 直接提醒使用的密钥无效然后，这样工作）
• 我试图在//之后加入http://，而不是通过true 这个网站不会使用https。
• 使用传感器切换到false和addDomListener
• 使用<script type="text/javascript"> function render_map() { var oCanvas = document.getElementById("map_canvas"); var aMapOptions = { center: new google.maps.LatLng(52.2129918, 5.2793703), zoom: 12, mapTypeId: google.maps.MapTypeId.ROADMAP }; var oMap = new google.maps.Map(oCanvas, aMapOptions); } $(document).ready(function() { render_map(); }); </script> 尝试，但也没有成功。
• 尝试使用事件触发器来调整地图大小，也没有运气。
• 尝试了不同的缩放级别。
• 尝试没有mapTypeId，当我使用console.log记录oMap时，我看到了一个带有ROADMAP的Google Maps对象;显然ROADMAP是默认值，如果没有给出。

这是我的代码：

{{1}}

控制台显示没有错误或任何错误。我得到的唯一输出是： 任何建议都非常感谢。也许我只是忽略了一些非常愚蠢的东西......？

Answer 1

我发现脚本按预期运行，但由于CSS规则，我遇到了这种行为。在我的情况下，它是由CSS规则div { overflow:auto; }引起的。愚蠢..但未来可能对其他人有帮助。