Internet Explorer 6不会显示Bing Ajax v7映射

时间:2011-02-25 04:30:28

标签: internet-explorer-6 bing-maps

是否可以通过IE Developer Tools窗口加载并显示IE6(或IE 8设置为怪异模式)并显示Bing Ajax版本7地图控件?

例如,尝试在怪癖模式下在IE6或IE8中的this page上运行“Hello World”示例。页面保持空白。

this blog post我明白Bing Ajax v7地图并没有正式支持IE6。但是你可以使用IE6访问maps.bing.com并显示一个v7地图,所以它必须是可能的。

我在IE8的开发人员工具窗口中玩过,如果你使用MS的JavaScript动态添加的类MicrosoftMap抑制div上的位置样式元素,它开始看起来更好。这让我觉得父div和其他标签上有一些神奇的风格组合可以使它工作。

1 个答案:

答案 0 :(得分:3)

确保在地图上设置宽度和高度(在div样式中以及在传递给地图构造函数的mapoptions中)。 实际上无法自己测试,但请尝试以下方法:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
  <title></title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <script type="text/javascript" src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0"></script>
  <script type="text/javascript">
    function GetMap() {
       var map = new Microsoft.Maps.Map(document.getElementById("mapDiv"),
              { credentials: "BingMapsKey",
                center: new Microsoft.Maps.Location(52.6, 1.26),
                mapTypeId: Microsoft.Maps.MapTypeId.road,
                zoom: 7,
                height: 480,
                width: 640
              });
    }
  </script>
</head>
<body onload="GetMap();">
  <div id="mapDiv" style="position:relative; width:640px; height:480px;"></div>    
</body>
</html>