У меня есть страница, которая использует Google Maps API для отображения карты. Когда я загружаю страницу напрямую, появляется карта. Однако, когда я пытаюсь загрузить страницу с помощью AJAX, я получаю сообщение об ошибке:

Uncaught ReferenceError: google is not defined

Почему это?

Это страница с картой:

var directionsDisplay;
var directionsService = new google.maps.DirectionsService();
var map;
function initialize() {
  directionsDisplay = new google.maps.DirectionsRenderer();
  var chicago = new google.maps.LatLng(41.850033, -87.6500523);
  var mapOptions = { zoom:7, mapTypeId: google.maps.MapTypeId.ROADMAP, center: chicago }
  map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
  directionsDisplay.setMap(map);
}
$(document).ready(function(e) { initialize() });

И эта страница с вызовом AJAX:

$(document).ready(function(e) {
    $('button').click(function(){
        $.ajax({
            type: 'GET', url: 'map-display',
            success: function(d) { $('#a').html(d); }
        })
    });
});

Call

Спасибо за вашу помощь.