谷歌地圖的錯誤 - 不顯示地圖

Question

我想獲得谷歌地圖工作，但第一張地圖不會加載，現在有一個谷歌文件上的錯誤。

類型錯誤：％20A％圖20是％20null％20http：//maps.gstatic.com/intl/pt_ALL/mapfiles/api-3/17/2/main.js%20Line%2040

這是我的代碼：

<div id="map_canvas" style="width: 100%; height: 100%"></div> 
<script> 
var map; 
var zoom=5; 
var center = new google.maps.LatLng(36.6, 0); 

    function initialize() { 
     var mapOptions = { 
       zoom: zoom, 
       center: center, 
       mapTypeId: google.maps.MapTypeId.HYBRID, 
       minZoom: zoom 
      }; 
     map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions); 
    } 
    google.maps.event.addDomListener(window, 'load', initialize); 

</script> 

首先，我有鑰匙參數，然後我把它關掉，因爲它沒有顯示爲好。此外，我收到了一些關於谷歌地圖被禁用的關鍵的警報彈出窗口，以及我閱讀谷歌地圖的條款和條件，我做了並發現我的網站遵守當前條款（登錄網站沒有用戶支付任何費用）。地圖。

我將不勝感激這個問題的任何幫助。 謝謝。

Answer 1

首先，div ID是map_canvas，但您在js代碼中使用的是map-canvas。 其次，儘量以像素爲單位而不是百分比給予尺寸即width:400px;height:400px;

演示：http://jsfiddle.net/lotusgodkk/x8dSP/3421/

CSS：

#map_canvas { 
    width:500px; 
    height:500px; 
} 

JS：

var map; 
var zoom = 5; 
var center = new google.maps.LatLng(36.6, 0); 

function initialize() { 
    var mapOptions = { 
     zoom: zoom, 
     center: center, 
     mapTypeId: google.maps.MapTypeId.HYBRID, 
     minZoom: zoom 
    }; 
    map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions); 
} 
google.maps.event.addDomListener(window, 'load', initialize);