-1

今朝、Google マップを実装しようとしましたが、ページを読み込んでも何も表示されません。コードを以下に示します。

<?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

これはトリッキーなものでしたが、わかりました。それはあなたの引用です。JavaScript エラーはUncaught SyntaxError: Unexpected token ILLEGAL24 行目にあります。

文字列を囲む引用符は、loadJavaScript が認識しない文字セットの一部です。そう：

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

次のように変更する必要があります。

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

その 1 つの置換でコードをテストしましたが、期待どおりに動作します。

于 2013-08-03T04:44:15.750 に答える
1
于 2013-08-03T04:45:02.050 に答える
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 に答える