gpt4 book ai didi

javascript - Bing map v8 不显示

转载 作者:行者123 更新时间:2023-12-02 14:40:52 25 4
gpt4 key购买 nike

我正在尝试新的 Bing map v8。我遵循第一个例子: http://www.bing.com/api/maps/sdk/mapcontrol/isdk#loadMapSync+HTML

它有效。但是当我添加文本(例如 test)时,它会停止显示 map :

<!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 使其停止工作。有什么想法吗?

最佳答案

文档类型不应成为此处失败的原因,事实上,它应该减少问题,因为这是 map 使用的 HTML5 所使用的文档类型。

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

此外,如果您要迁移需要同步运行的旧代码,我只会使用加载 map 的同步方法。如果您正在创建一个新应用程序,您应该异步加载 map 控件,因为这将使您的页面加载速度更快。 http://www.bing.com/api/maps/sdk/mapcontrol/isdk#loadMapAsync+HTML

关于javascript - Bing map v8 不显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37028664/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com