Google maps api не отображается

Question

Я пытаюсь использовать карты google api. Единственная проблема заключается в том, что на карте не будет отображаться все, что я получаю, это серый квадрат.

вот код:

function initialize() { 
    var map_canvas = document.getElementById('map_canvas'); 
    var mapOptions = { 
     center: new google.maps.LatLng(33.748995, -84.387982), 
     zoom: 8, 
     mapTypeId: google.maps.MapTypeId.TERRAIN 
    } 
    var map = new google.maps.Map(map_canvas); 
} 

google.maps.event.addDomListener(window, 'load', initialize) 

вот CSS:

#map_canvas { 
    max-width: 1040px; 
    height: 400px; 
} 

Answer 1

Вы забыли передать MapOptions, как 2-й аргумент:

var map = new google.maps.Map(map_canvas,mapOptions);