Bing 地图 v8 不显示

Question

我正在试用新的 Bing 地图 v8。我遵循第一个示例： http://www.bing.com/api/maps/sdk/mapcontrol/isdk#loadMapSync+HTML

有效。但是当我添加文本时，例如 test，它停止显示地图：

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv='Content-Type' content='text/html; charset=utf-8'/>
    </head>
    <body>
        test
        <div id='printoutPanel'></div>
        <div id='myMap'></div>


        <script type='text/javascript' src='http://www.bing.com/api/maps/mapcontrol'></script>
        <script type='text/javascript'>
            function loadMapScenario()
            {
                var map = new Microsoft.Maps.Map(document.getElementById('myMap'), {
                    credentials: 'Your Bing Maps Key'
                });

            }

            window.onload = loadMapScenario;
        </script>
    </body>
</html>

第7行的test字使它停止工作。有什么想法吗？

Answer 1

文档类型不应该是这里失败的原因，事实上它应该减少问题，因为这是地图使用的 HTML5 使用的文档类型。

您提供的代码应该可以工作。对此，我发现地图的宽度从未被设置，因此它最终为 0。当没有为地图指定宽度或高度时，地图会尝试使用其父级的尺寸。似乎将文本添加到正文中导致计算不正确。我会让开发团队对此进行调查。

此外，如果您要同步迁移需要运行的旧代码，我只会使用加载地图的 Sync 方法。如果你正在创建一个新的应用程序，你应该异步加载地图控件，因为它可以让你的页面加载得更快。 http://www.bing.com/api/maps/sdk/mapcontrol/isdk#loadMapAsync+HTML

Bing 地图 v8 不显示

Bing Maps v8 doesn't show

html

javascript

bing-maps