Google map v3 api在引導程序中無法正確呈現（無選項卡參與）

我現在正在嘗試幾天來解決Google地圖在網站上無法正確顯示的問題。 See Screenshot of correct and false rendering。Google map v3 api在引導程序中無法正確呈現（無選項卡參與）

我希望你有一個提示，問題來自於我現在絕望。最壞的情況下它是爲別人:) 我看到的行爲是可能的解決方案一個很好的集合：

列表項地圖部分加載左上角
列表項的未渲染區域雙擊創建第二個地圖第一小地圖
列表項如果頁面重新加載多次下迅速然後顯示在地圖時代的約10-30％的校正

解決方案嘗試，但沒有成功，到目前爲止： - 調整地圖google.maps.event.trigger(map, 'resize')

調整大小映射接收空閒狀態 google.maps.event.addListenerOnce(map, 'idle', function() {google.maps.event.trigger(map, 'resize');});
後調整地圖並設定的中心在同一時間
手動觸發與按鈕
resize事件
文件準備好後初始化地圖 $(document).ready(function() {initialize();});
初始化的setTimeout長達10秒的setTimeout(initialize, 1000);
後的地圖檢測父格寬度&高度只有初始化如果有足夠大的
分配父格寬度&高度映射畫布
指定父div寬度&高度。克式
CSS：分配寬度&高度與像素以帆布
CSS：分配寬度&高度用100％以帆布
CSS：與PX &的組合指定寬度&高度100％至畫布
CSS：更改最大寬度#map-canvas img {max-width: none !important;}
CSS：變化最大寬度#map-canvas img {max-width: none !important;}

思想&觀察：

問題是零星我相信，這使得它具有與加載時間畫布具有立即初始化之前已經做正確的尺寸和完全可見（即。沒有隱藏標籤等）像谷歌標誌，報告錯誤，聯繫等附加按鈕是可見的，在正確的大小。我認爲，這意味着谷歌地圖無法充分帆布不管出於什麼原因對地圖本身，而它仍然檢測右尺寸

關鍵詞來尋找解決方案上渲染： 谷歌地圖API v3的問題，谷歌地圖渲染問題，谷歌地圖的左上角，谷歌地圖Bootsstrap問題

我試圖簡化html代碼儘可能的情況下，你想看看https://apptest.voiceoffriends.com/user.html

預先感謝您的任何提示或如何解決這個錯誤的方法。

來源

2016-03-30 Michael

的問題是這樣的：

function NoGeoLocationFound() { 
         clearTimeout(location_timeout); 
         var pos = new google.maps.LatLng(); 
         map.setCenter(pos); 

        };

pos是不是一個有效的LatLng（參數丟失）

來源

2016-03-31 00:26:32

謝謝莫勒博士！我不會想到這是一個問題，因爲我無法在控制檯上看到Google Map觸發的任何錯誤消息。 – Michael

我記得人們可以在沒有控制檯的情況下進行調試的那一天...警報仍然是一個很棒的項目..特別針對移動設計 – Mayhem

Google map v3 api在引導程序中無法正確呈現（無選項卡參與）

回答

相關問題