Javascript Google地图在div内四分之一渲染。浏览器调整大小可正确渲染地图

我使用的是万神殿上的gmap和Drupal6。当页面刷新时，我的gmap四分之一出现在它自己的div中

我已经检查了gmap resize（）选项。它不起作用。即使我尝试加载gmap，当点击标签（地图在“查看地图”标签而不是jQueryUI标签中）时，它也不起作用。地图不在iframe内。当重新调整浏览器的大小或打开“检查元素”工具进行调试时，将显示映射，但matker不可见。标记超出给定的宽度和高度

没有帮助我

请建议

是否以编程方式呈现“#映射画布”HTML div？
在这种情况下，请确保DOM已准备就绪，然后再尝试渲染贴图

应用：google.maps.event.trigger（映射“resize”）； 我不得不用它来防止灰色区域=>但我想这是你已经尝试过的

在Google Chrome元素检查器中检查地图尺寸

---

请为地图容器显示你的HTML和CSS。你用CSS设置了地图的高度和宽度吗？输入一些代码和html@DAC84：CSS=>#map canvas{高度：400px；宽度：100%；}HTML=>JS=>google map JS来渲染地图。我正在窗口显示地图。google.maps.event.addDomListener（窗口“加载”，初始化）；1.我正在窗口显示地图。google.maps.event.addDomListener（窗口“加载”，初始化）；2.不适合我。3.CSS=>#map canvas{height:400px；width:100%；}HTML=>在元素检查器中，将鼠标悬停在map canvas div上：您可以检查是否有一些重叠的div。窗口加载方法应有效；您还可以尝试使用jQuery的DOM。调整大小的功能肯定能用——我以前用过很多次。但是在问题中发布你的帖子，你永远不会知道你可能错过了什么。没有重叠的div。我使用了jQuery的DOM ready或resize（），当特定选项卡（地图在“查看地图”选项卡中而不是jQuery UI选项卡中）被点击$（'#检查'）。on（'click'，function（）{setTimeout（function（）{google.maps.event.trigger）（canvas map，“resize”）；}，2000）；}）；您可以尝试在新视图被实例化为回调而不是单击按钮时实例化地图。我没有使用jquery UI。我的问题通过在单击选项卡时调用initialize（）来解决。非常感谢您的时间和宝贵的答案。祝您节日愉快！新年快乐：）