Question

我正在尝试创建一个可以占用两个位置并在Windows 8地铁中显示路线的应用程序.. !!我面临的问题是加载GOOGLE MAPS API无效.. !!无论是同步还是异步，我都会提供有效的API密钥，并提供所提供的文档，并且仍然在Async加载中获取空白页面并获取谷歌是未定义的错误同步加载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>

Answer 1

我刚刚撰写了一篇关于在Windows 8中使用Google Maps API http://www.creepyed.com/2012/11/how-to-use-the-google-maps-api-on-windows-8/的教程。它与如何在项目中调用Google Maps脚本以及确保您可以获取外部内容有关。

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

祝你有美好的一天，编

Answer 2

我自己有点新手，但我觉得你需要：

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

而不是：

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

LEA。

Answer 3

关闭您的<body>代码！ @LeasMaps， initialize()调用回调=？通过谷歌api但他必须删除（）！

script.src = 'https://maps.googleapis.com/maps/api/js?sensor=false&callback=initialize';

在Windows 8上加载Google Maps API V3

3 个答案: