Google Map Non Apparaissant

Question

est ici un code html j'ai écrit:

Dans la tête je lien cities.js, Map.js et l'API Google

<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> 

D'une manière ou d'une autre, il ne charge pas la carte. Le fichier que j'ai lié ci-dessus, map.js fait le chargement et il semble qu'il ne soit pas lié correctement car j'ai inclus une instruction document.write qui ne s'imprime pas.

Voici le code pour Map.js (je créer un lien dans le fichier ci-dessus), si elle aide:

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

Je dois obtenir cette page en moins de 1 heure. J'apprécierais toute aide que vous pourriez m'apporter pendant que j'essaye d'obtenir ceci fait pendant quelque temps maintenant. Je pense qu'il y a une erreur mineure qui empêche mon javascript de fonctionner (le document.writes que j'ai inséré n'imprime pas ce qui signifie que map.js n'est jamais lié).

Answer 1

Tout d'abord, vous devez créer un objet map

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