Question

我正在谷歌地图apis之后玩谷歌地图apis https://developers.google.com/maps/tutorials/fundamentals/adding-a-google-map 但是使用以下代码，地图不会显示在我的html代码示例中。

有什么建议吗？

此致

<html>
  <head>
    <style>
      #map_canvas {
      width: 500px;
      height: 400px;
                  }
    </style>
    <script src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
    <script>
        function initialize() {
        var map_canvas = document.getElementById('map_canvas');
        var map_options = {
        center: new google.maps.LatLng(44.5403, -78.5463),
        zoom: 8,
        mapTypeId: google.maps.MapTypeId.ROADMAP
                          }   
        var map = new google.maps.Map(map_canvas, map_options)
                              }
        google.maps.event.addDomListener(window, ‘load’, initialize);
    </script>
  </head>
  <body>
    <div id="map_canvas"></div>
  </body>
</html>

Answer 1

这一行：

google.maps.event.addDomListener(window, ‘load’, initialize);

包含无效字符。这应该有效：

google.maps.event.addDomListener(window, 'load', initialize);

嵌入式谷歌地图不会显示在HTML页面中

1 个答案: