谷歌地图在div内部呈现四分之一。浏览器调整大小正确渲染地图

Question

我正在使用 gmap，在pantheon上使用drupal 6 。当页面刷新时，我的gmap会在它自己的div中出现。

我已使用 gmap resize（）选项进行了检查。它无法正常工作。即使我已经尝试加载gmap，当单击选项卡（地图位于“视图映射”选项卡内部而不是jquery UI选项卡）时，它也不起作用。地图不在iframe内。重新调整浏览器大小或打开检查元素工具以进行调试时，将显示地图，但不会显示matker。标记超出给定的宽度 - 高度。

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

请建议。

Answer 1

1. 您是否以编程方式呈现“#map-canvas”HTML div？ 在这种情况下，在尝试渲染Map之前，请确保DOM已准备就绪。

2. 申请：google.maps.event.trigger（map，'resize'）; 我必须使用它来防止灰色区域=＆gt;但我想这是你已经尝试过的？

3. 检查Google Chrome元素检查器中的地图尺寸。