我該如何修復谷歌地圖api v3顯示爲灰色框？

Question

當我在網站上搜索附近的位置時，我正在結果中顯示在列表中，但地圖區域只是變灰，有時它會回來但隨後消失。

任何幫助，將不勝感激

Answer 1

根據我的經驗與谷歌地圖的工作，有時，當有在該位置當前正在預覽（ESP沒有可用的地圖數據的灰色補丁出現。當變焦倍數高），或者當你的網絡連接速度很慢時，例如地圖數據需要很長時間才能加載/失敗！

但其他因素也可能是一個原因 - 也許。

當初始化地圖，例如說：

var map = new GMap2(document.getElementById("map_canvas")); 
map.setCenter(new GLatLng(37.4419, -122.1419), 13); 

秒參數的map.setCenter是變焦倍率 - 在這種情況下13。

，您還可以設置地圖這樣的新的縮放級別：

map.setZoom(5); 

讀more here...

Answer 2

這是第一個回答你的問題的迴應。他的想法是正確的，你需要在任何可見的東西之前用一個位置初始化它。另請注意，這是一個關於V3的問題，第一個答案解決了V2的語法。請使用與v2文章相同的想法嘗試下面的代碼。

使用您的初始位置在地圖選項中設置中心值。您也可以在這裏調整縮放。

var mapOptions = { 
     zoom: 12, 
     mapTypeId: google.maps.MapTypeId.ROADMAP, 
     center: new google.maps.LatLng(latitude, longitude) 
    }; 
var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions); 

Answer 3

在v3中，檢查您的Lat和Lng是否正常並且不是「未定義」。

console.log(results[0].geometry.location.k); 
console.log(results[0].geometry.location.D); 

var mapOptions = { 
    zoom: 15, 
    center: new google.maps.LatLng(
     results[0].geometry.location.k, 
     results[0].geometry.location.D 
    ) 
}; 
map = new google.maps.Map(document.getElementById('map-canvas'),mapOptions); 

Answer 4

初始化的時機很重要。地圖在頁面加載的時候是可見的，還是會彈出/淡入/（無論將狀態從不可見變爲可見）？

如果地圖在初始化時隱藏，則地圖將變爲灰色。