谷歌地圖在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內渲染四季。瀏覽器調整大小呈現地圖

回答

相關問題