Карта Google не отображается

Question

Вот некоторый HTML-код, который я написал:

В голове я связываю towns.js, map.js и Google API

  <div id="top">
    <a href="index.php"><img alt="Harvard University" src="Images/logo.jpg"></a>
  </div>

  <div id="logo">
    Harvard Abroad: Mapped
  </div>

  <div id="button">
    <input onclick="mark();" type="button" value="Map">
  </div>

  <div id="map">
  </div>

Почему-то карта не загружается. Файл, который я связал выше, map.js выполняет загрузку, и кажется, что он не связан должным образом, потому что я включил в него инструкцию document.write, которая не печатает.

Вот код для map.js (я связываю его в файле выше), если он помогает:

// default latitude
var LATITUDE = 42.3745615030193;

// default longitude
var LONGITUDE = -71.11803936751632;

// global reference to map
var map = null;

// load version 3 of the Google Maps API
google.load("maps", "3", {other_params: "sensor=false"});

/*
 * void
 * load()
 *
 * Loads map.
 */

function load()
{
    document.write("hi"); 
    // embed map
    var latlng = new google.maps.LatLng(LATITUDE, LONGITUDE);
    map = new google.maps.Map(document.getElementById("map"), {
     center: latlng,
     disableDefaultUI: true,
     mapTypeId: google.maps.MapTypeId.ROADMAP,
     navigationControl: true,
     scrollwheel: true,
     zoom: 17;
    });

    // prepare test icon for map
    testplacemarker = new google.maps.Marker({
     map: map,
     title: "Your home!"
    });
}

/*
 * void
 * mark()
 *
 * Markes locations of study abroad programs all around the world map
 */

function mark()
{
    document.write("hi");
    // mark programs
    for (var city in CITIES)
    {
        // plant cities on map
        new google.maps.Marker({
         icon: "can't show hyperlink",
         map: map,
         position: new google.maps.LatLng(CITIES[city].latitude, CITIES[city].longitude),
         title: City
        });
    }
}

Also, just a heads up, cities.js is just an array like so:

var = CITIES {
  "Buenos Aires":
  {latitude: -34.6084, longitude: -58.3732},
  "Santiago":
  {latitude: -33.4254, longitude: -70.5665},

Мне нужно вывести эту страницу менее чем за 1 час. Я был бы признателен за любую помощь, которую вы можете оказать мне, поскольку я пытался сделать это в течение некоторого времени. Я думаю, что есть небольшая ошибка, которая мешает запуску моего javascript (вставленные мной document.writes не печатают, что означает, что map.js никогда не связывается).

Answer 1

Сначала вам нужно создать map объект

 var map = new GMap2(document.getElementById("map"));
  map.addControl(new GLargeMapControl());
  map.addControl(new GMapTypeControl());