谷歌地图Javascript-无法加载

Google Maps Javascript - unable to load

本文关键字：加载 Javascript- 谷歌地图      更新时间：2023-09-26

我是javascript的初学者，正在尝试在浏览器（firefox）中加载一个简单的谷歌地图。但是，贴图不会加载。

下面是我的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>

以下是链接的地图Game.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);

非常感谢您的帮助！

可能与div#map的高度有关，地图在那里，但你就是看不到。

<head>
  <style>
    #map {
      height:500px;
    }
  </style>
</head>
相关文章：