Google Map nicht angezeigt

Question

Hier einige HTML-Code, den ich geschrieben habe:

Im Kopf I cities.js verknüpfen, map.js und die 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> 

Irgendwie wird die Karte nicht geladen. Die Datei, die ich oben verlinkt habe, map.js, lädt die Datei und es scheint, als wäre sie nicht richtig verknüpft, weil ich eine document.write-Anweisung darin eingefügt habe, die nicht gedruckt wird.

Hier ist der Code für map.js (I verknüpfen es in der Datei oben), wenn es hilft:

// 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}, 

ich in weniger als 1 Stunde Diese Seite heraus zu erhalten. Ich würde mich über jede Hilfe freuen, die Sie mir geben können, da ich schon seit einiger Zeit versuche, dies zu erledigen. Ich denke, es gibt einen kleinen Fehler, der mein Javascript daran hindert zu laufen (die von mir eingefügten document.writes drucken nicht, was bedeutet, dass map.js niemals verlinkt ist).

Answer 1

Zunächst müssen Sie eine map Objekt erstellen

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