-1

私は JavaScript の初心者で、ブラウザ (Firefox) に簡単な Google マップを読み込もうとしています。ただし、マップは読み込まれません。

以下は私のhtmlです：

<!doctype html>
<html>
<head>
  <title>Can you guess the Country?</title>
  <meta charset="utf-8">
  <script type="text/javascript" src="http://maps.google.com/maps/api/js?key={MY_API_KEY}&sensor=true"></script>
  <script src="mapGame.js"></script>
</head>
<body>
  <div id="map">

  </div>
</body>
</html>

以下は、リンクされた mapGame.js です。

var map;

function initialize() {
        var mapOptions = {
        zoom: 8,          
        center: new google.maps.LatLng(-34.397, 150.644),
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        map = new google.maps.Map(document.getElementById('map'), mapOptions);
      }
      google.maps.event.addDomListener(window, 'load', initialize);

どんな助けでも大歓迎です！

4

1 に答える 1

0

おそらく の高さと関係div#mapがあります。マップはそこにありますが、表示されません。

<head>
  <style>
    #map {
      height:500px;
    }
  </style>
</head>
于 2013-08-23T21:29:53.833 に答える