Javascript 必应地图v8';不显示

Javascript 必应地图v8';不显示,javascript,html,bing-maps,Javascript,Html,Bing Maps,我正在尝试新的Bing地图v8。 我举了第一个例子: 它起作用了。但是,当我添加一个文本时,如test,它将停止显示地图: <!DOCTYPE html> <html> <head> <meta http-equiv='Content-Type' content='text/html; charset=utf-8'/> </head> <body> test

我正在尝试新的Bing地图v8。 我举了第一个例子:

它起作用了。但是,当我添加一个文本时,如
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>

测试
函数loadMapScenario()
{
var map=new Microsoft.Maps.map(document.getElementById('myMap'){
凭据:“您的Bing地图密钥”
});
}
window.onload=loadMapScenario;
第7行中的单词
test
使其停止工作。
有什么想法吗?

doctype不应该是这里失败的原因,事实上它应该减少问题,因为这是地图使用的HTML5使用的doctype

您提供的代码应该可以工作。查看这一点,我发现地图的宽度从未设置过,因此它最终为0。如果没有为贴图指定宽度或高度,贴图将尝试使用其父贴图的尺寸。将文本添加到正文中可能会导致计算不正确。我会让开发团队调查这件事


此外,我只会在迁移需要同步运行的旧代码时使用加载映射的同步方法。如果你正在创建一个新的应用程序,你应该异步加载map控件,因为它可以让你的页面加载得更快

doctype不应该是这里失败的原因,事实上它应该减少问题,因为这是地图使用的HTML5使用的doctype

您提供的代码应该可以工作。查看这一点,我发现地图的宽度从未设置过,因此它最终为0。如果没有为贴图指定宽度或高度,贴图将尝试使用其父贴图的尺寸。将文本添加到正文中可能会导致计算不正确。我会让开发团队调查这件事



此外,我只会在迁移需要同步运行的旧代码时使用加载映射的同步方法。如果你正在创建一个新的应用程序,你应该异步加载map控件,因为它可以让你的页面加载得更快

“停止工作”到底是什么意思?你会遇到什么错误?当我添加
test
单词时,它不会显示地图。我已经用InternetExplorer11、GoogleChrome50.0.2661.94M和Firefox45.0.2对它进行了测试。您可以复制/粘贴代码并自行测试。如果您删除单词
test
,您将看到它再次显示地图。@Nekketsu:它在Chrome 50.0.2661.94 m中对我很好,这是它的演示,请检查并提供反馈。哇,它对我有效。我只看到一个不同点,没有
。如果我从HTML中删除它,它也可以在本地为我工作。知道为什么
会让它失败吗?你能在本地测试一下吗?创建一个HTML文件并直接从硬盘打开它。它对我来说也是完美的本地工作。“停止工作”到底意味着什么?你会遇到什么错误?当我添加
test
单词时,它不会显示地图。我已经用InternetExplorer11、GoogleChrome50.0.2661.94M和Firefox45.0.2对它进行了测试。您可以复制/粘贴代码并自行测试。如果您删除单词
test
,您将看到它再次显示地图。@Nekketsu:它在Chrome 50.0.2661.94 m中对我很好,这是它的演示,请检查并提供反馈。哇,它对我有效。我只看到一个不同点,没有
。如果我从HTML中删除它,它也可以在本地为我工作。知道为什么
会让它失败吗?你能在本地测试一下吗?创建一个HTML文件并直接从硬盘上打开它。对我来说,它在本地也能正常工作。同步加载和异步加载都会遇到同样的问题。如果我得到这个例子,它是正确的。如果我在正文中添加一些文本,它将停止工作。如果我删除了
,那么即使我在正文中添加了文本,它也会起作用。我想使用
声明,将文本添加到正文中,并使其正常工作,但我不能。如上所述,由于未指定宽度,映射正在计算0的宽度。您可以将style=“width:100%”添加到map div以解决此问题。我将让开发团队研究为什么在本例中地图的宽度为0。更正,将以下样式添加到地图中更正了问题:style=“height:100vh;width:100vw”或者,您可以提供像素高度和宽度。与开发团队一起检查,并针对其他地图平台测试此场景,这是预期的工作。如果没有为地图指定尺寸,它将尝试从其父地图继承尺寸。但是,如果父级没有任何尺寸,则宽度/高度最终为0。在以前版本的Bing Maps中,提供高度、宽度和位置值是绝对必要的,否则它不会在大约30%的浏览器中渲染。同步加载和异步加载都会遇到同样的问题。如果我得到这个例子,它是正确的。如果我在正文中添加一些文本,它将停止工作。如果我删除了
,那么即使我在正文中添加了文本,它也会起作用。我想使用
声明,将文本添加到正文中,并使其正常工作,但我不能。如上所述,由于未指定宽度,映射正在计算0的宽度。您可以将style=“width:100%”添加到map div以解决此问题。我将让开发团队研究为什么在本例中地图的宽度为0。更正,将以下样式添加到地图中更正了问题:style=“height:100vh;width:100vw”或者,您可以提供像素高度和宽度。与开发团队一起检查,并针对其他地图平台测试此场景,这是预期的工作。如果没有为地图指定尺寸,它将尝试从其父地图继承尺寸。但是如果父母没有