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

我在谷歌地图教程后面玩谷歌地图apihttps://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>

此行：

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

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

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

相关内容

最新更新

热门标签：