Question

这是我编写的一些HTML代码：

在头部我链接cities.js，map.js和谷歌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());

Google地图未显示

1 个答案: