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

【问题标题】：Embedded google maps doesn't show in HTML page嵌入式谷歌地图不显示在 HTML 页面中
【发布时间】：2013-08-19 21:25:43
【问题描述】：

我正在按照谷歌地图教程https://developers.google.com/maps/tutorials/fundamentals/adding-a-google-map使用谷歌地图api 但是使用以下代码，地图不会显示在我的 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 API Example not working, giving me blank screen的可能重复

标签： html google-maps google-api

【解决方案1】：

这一行：

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

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

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

【讨论】：

完美它现在正在工作！谷歌教程包含错误对我来说似乎很奇怪，这怎么可能？
可能是由于它是从文档中复制/粘贴出来的。