-1

今天早上我试图实现谷歌地图，但是当我加载我的页面时，什么都没有显示。代码如下所示。

<?php

?>

<!--===========================HTML==========================-->
<!DOCTYPE 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>

请让我知道这段代码有什么问题

4

3 回答 3

1
于 2013-08-03T04:45:02.050 回答
1

这是一个棘手的问题，但我明白了：这是你的报价。JavaScript 错误位于Uncaught SyntaxError: Unexpected token ILLEGAL第 24 行。

字符串周围的引号load是 JavaScript 无法识别的字符集的一部分。所以：

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

应改为：

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

我已经用那个替代品测试了你的代码，它可以按需要工作。

于 2013-08-03T04:44:15.750 回答
0

像这样试试

function initialize() {
        latlng1 = new google.maps.LatLng(44.5403, -78.5463);
        options = { zoom: 8, center: latlng1, mapTypeId: google.maps.MapTypeId.ROADMAP };
        map = new google.maps.Map(document.getElementById("map_canvas"), options);
    }

在您的代码中，您需要更改一种语法，例如

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

而且@Amal还说它只有在它调用页面加载时才会起作用

<body onload="initialize();">
于 2013-08-03T04:41:53.987 回答