0

我正在尝试制作一个可以占用两个位置并在 Windows 8 Metro 中显示路线的应用程序..！！我面临的问题是加载 GOOGLE MAPS API 不起作用..!! 无论是同步还是异步，我都提供了有效的 API 密钥并与提供的文档一起使用，但仍然在异步加载中得到一个空白页面，并且在同步加载 API 时得到一个谷歌是未定义的错误。请帮助

<!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 的教程，http://www.creepyed.com/2012/11/how-to-use-the-google-maps-api-on-windows-8/。它与如何在项目中调用 Google 地图的脚本并确保您可以获取外部内容有关。

我收到了与您类似的错误。我希望这有帮助！

祝你有美好的一天，埃德

于 2012-11-15T07:15:50.967 回答
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 回答
0

关闭你的<body>标签！@LeasMaps， initialize()调用回调=？通过google api，但他必须删除（）！

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