谷歌地图在div内渲染四季。浏览器调整大小呈现地图

我正在使用gmap，drupal 6在万神殿。当页面刷新时，我的gmap会在它自己的div中四处进行。谷歌地图在div内渲染四季。浏览器调整大小呈现地图

我检查了gmap resize（）选项。它没有工作。即使我试图加载gmap，当选项卡（地图位于“视图地图”选项卡而不是jquery UI选项卡内）被点击时，它在那里也不起作用。该地图不在iframe内。当浏览器重新调整大小或检查元素工具打开以进行调试时，会显示地图，但是matker不可见。标记超出给定的宽度高度。

Google Maps not rendering completely on page?没有帮助我。

请建议。

来源

2013-12-17 sahadbs

请为地图容器显示您的HTML和CSS。 – DAC84

你有没有在CSS中设置地图的高度和宽度？ – Andy

放一些代码和html – sabotero

您是否以编程方式呈现“＃map-canvas”HTML div？
在这种情况下，在尝试渲染地图之前，请确保DOM已准备就绪。
应用：google.maps.event.trigger（map，'resize'）; 我不得不使用它来防止灰色地带=>但我猜这是你已经尝试过的吗？
检查Google Chrome元素检查器中的地图尺寸。

来源

2013-12-17 10:15:29 Trace

1.我在窗口加载中显示地图。 google.maps.event.addDomListener（窗口，'load'，初始化）; 2.没有为我工作。 3. CSS =>＃map-canvas {height：400px; } HTML =>

– sahadbs

在元素检查器中，将鼠标悬停在map-canvas div上：可以检查是否有可能某处有重叠的div。加载窗口方法应该工作;你也可以尝试使用jQuery的DOM准备好它。调整大小功能肯定会起作用 - 我之前多次使用过这种黑客技术。但是在问题中张贴你的帖子，你永远不知道你可能错过了某些东西。 – Trace

没有一些重叠的div。 $（'＃check'）。on（'click'，function（））我已经使用jQuery的DOM ready或resize（）当特定的选项卡（地图位于“视图地图”选项卡内部而不是jQuery UI选项卡）点击（）函数（）{google.maps.event.trigger（canvas-map，“resize”）;}，2000）; }）; – sahadbs

谷歌地图在div内渲染四季。浏览器调整大小呈现地图

回答

相关问题