0

私は2つの場所を取り、Windows 8メトロでそのルートを表示できるアプリを作ろうとしています..!! 私が直面している問題は、GOOGLE MAPS API の読み込みが機能していないことです..!! 同期または非同期のいずれかで、有効なAPIキーを提供し、提供されたドキュメントに従っていますが、非同期読み込みで空白のページが表示され、APIの同期読み込みでgoogle is undefinedエラーが発生します..親切に助けてください

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>geoHelloWorld</title>

    <!-- WinJS references -->
    <link href="//Microsoft.WinJS.1.0.RC/css/ui-dark.css" rel="stylesheet" />
    <script src="//Microsoft.WinJS.1.0.RC/js/base.js"></script>
    <script src="//Microsoft.WinJS.1.0.RC/js/ui.js"></script>

    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <style type="text/css">
      html { height: 100% }
      body { height: 100%; margin: 0; padding: 0 }
      #map_canvas { height: 100% }
    </style>
    <link href="/maps/documentation/javascript/examples/default.css"
        rel="stylesheet" type="text/css">
    <script type="text/javascript">
        function initialize() {
            var myOptions = {
                zoom: 8,
                center: new google.maps.LatLng(-34.397, 150.644),
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };

            var map = new google.maps.Map(document.getElementById('map_canvas'),
                myOptions);
        }

        function loadScript() {
            var script = document.createElement('script');
            script.type = 'text/javascript';
            script.src = 'https://maps.googleapis.com/maps/api/js?sensor=false&callback=initialize';
            document.body.appendChild(script);
        }

        window.onload = loadScript;
    </script>
  </head>

<body>
    <div id="map_canvas" style="width:100%; height:100%"></div>
</body>
</html>
4

3 に答える 3

1

Windows 8 で Google Maps API を使用する方法についてのチュートリアルを書きました。これは、Google マップのスクリプトがプロジェクトで呼び出される方法と、外部コンテンツを確実に取得できるようにすることに関係しています。

あなたと同様のエラーが発生していました。これが役立つことを願っています!

良い一日を、エド

于 2012-11-15T07:15:50.967 に答える
0

<body>タグを閉じてください!@LeasMaps、 initialize()callback= で呼び出しますか? グーグルAPIによるが、彼は()を削除する必要があります!

script.src = 'https://maps.googleapis.com/maps/api/js?sensor=false&callback=initialize';
于 2012-06-21T11:19:01.333 に答える
0

私自身は少し初心者ですが、次のものが必要だと思います。

<body onload="initialize()">
  <div id="map_canvas" style="width:100%; height:100%"></div>

それ以外の :

<body
  <div id="map_canvas" style="width:100%; height:100%"></div>

レア。

于 2012-06-21T11:05:41.280 に答える