Пустая страница, когда я использую FusionTablesLayer с Google Maps JavaScript API v3

Я подготовил простую страницу, используя данные таблицы слияния. (FusionTablesLayer с Google Maps JavaScript API v3), но карта не отображается. Вы можете увидеть страницу здесь: http://www.siterary.com/0test.html . В чем проблема ? Код выглядит следующим образом:

     test    function initialize() { var istanbul = new google.maps.LatLng(41.01, 28.97); map = new google.maps.Map(document.getElementById('map_canvas'), { center: istanbul, zoom: 11, mapTypeId: google.maps.MapTypeId.ROADMAP }); layer = new google.maps.FusionTablesLayer({ query: { select: 'Location' , from: '1s3DYRvmNAfKgo-swjG39-8UEb9tHMm0UPHvW_tc' } }); layer.setMap(map); }    MAP 

    Файл «/maps/documentation/javascript/examples/default.css» не существует на вашем сайте. Ваша карта не имеет допустимого размера.

    Рабочая версия

    fragment кода:

     function initialize() { var istanbul = new google.maps.LatLng(41.01, 28.97); map = new google.maps.Map(document.getElementById('map_canvas'), { center: istanbul, zoom: 11, mapTypeId: google.maps.MapTypeId.ROADMAP }); layer = new google.maps.FusionTablesLayer({ query: { select: 'Location', from: '1s3DYRvmNAfKgo-swjG39-8UEb9tHMm0UPHvW_tc' } }); layer.setMap(map); } google.maps.event.addDomListener(window, 'load', initialize); 
     html, body { height: 100%; margin: 0; padding: 0; } #map_canvas { height: 100%; } @media print { html, body { height: auto; } #map_canvas { height: 650px; } } 
      MAP 
    Давайте будем гением компьютера.