虚拟地球 - 只有地图不渲染

Question

我正面临着这个奇怪的问题。 bing map不显示在我的页面上，因为所有的控件，即使pushpins显示正确。
我GOOGLE了很多，同样的功能在我的其他项目（S）

是伟大的工作，我怀疑的东西是错误的参考dev.virtualearth.net，还是我失踪一些

这里是我的代码： ASCX（是动态生成的aspx的内容占位符内）：

<script charset="UTF-8" type="text/javascript" src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.2&mkt=de-de"> 
</script> 

<div> 
     . 
     . 
     . 
     <div id="bigMapContainer"> 
       <div id="eventMap"> 
       </div> 
     </div> 

</div> 

后面的代码：

string script = @" 
      function GetVEMap() { 
       map = new VEMap('eventMap'); 
       map.SetDashboardSize(VEDashboardSize.Small); 
       map.LoadMap(); 
       DisplayEventsOnMap(); 
      } 

    function DisplayEventsOnMap() { 
       var eventMapLayer = new VEShapeLayer(); 
       eventMapLayer.Id = 'eventMapLayer'; 
       var points = null; 
         . 
         . 
         . 
       //Code to get the data for pin display etc 
         . 
         . 
       map.AddShapeLayer(eventMapLayer); 
       map.SetMapView(eventMapLayer.GetBoundingRectangle()); 
       map.SetZoomLevel(15); 

       }); 
      } 

      $(window).load(function() { 
         GetVEMap(); 
         } 
      );"; 

    ScriptManager.RegisterStartupScript(this, typeof(Page), "MapDisplay", script, true); 

CSS：（？）

#bigMapContainer {display: block;} 
    #eventMap { position: absolute; width: 550px height: 500px; } 

我加入其上不相关的地图但可能会发生冲突我的地图实现母版页一些参考

<script type="text/javascript" src="/js/modernizr-2.0.6.min.js"></script> 
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.2.min.js"></script> 
<script type="text/javascript" src="/js/script.js"></script> 
<script type="text/javascript" src="/js/superfish.js"></script> 
<script type="text/javascript" src="/js/jquery.flexslider-min.js"></script> 
<script type="text/javascript" src="/js/jquery.ui.totop.js"></script> 
<script type="text/javascript" src="/js/jquery.easing.1.3.js"></script> 
<script type="text/javascript" src="/js/jquery.responsivemenu.js"></script> 
<script type="text/javascript" src="/js/client.js"></script> 
<script type="text/javascript" src="/js/jquery-ui.js"></script> 

非常感谢帮助。

Answer 1

经过一个巨大的研究后，我发现这个问题是与CSS。求助

mapcontrol.css内http://ecn.dev.virtualearth.net/mapcontrol/v6.3/css/bin/6.3.20091207154938.04/de/mapcontrol.css感谢@rbrunditt有地图一类容器 - .MSVE_Map具有这是做瓷砖显示在屏幕的属性position:absolute。

我已经覆盖了类position:relative这实际上解决了

Answer 2

首先，它看起来像是指向几年前弃用的Virtual Earth 6.2，现在指向v6.3。这说v6.3真的很旧，不建议用于新的开发项目。如果这是一个新项目，您应该使用Bing地图V7，它是Bing地图的最新版本和最佳版本（虚拟地球在2009年更名为Bing地图）。 V7更快，功能更多，而且体积更小。

假设这是一个刚刚开始出现问题的现有项目。看看你的代码，我注意到的一件事是加载地图时没有指定凭证。这是必需的。调用LoadMap法权之前，你应该有这样的一行代码：

map.SetCredentials('YOUR_BING_MAPS_KEY'); 

在Bing地图门户网站如果没有Bing地图键，你可以通过创建一个Bing地图得到一个帐户：http://bingmapsportal.com下面是关于创建密钥的一些文档：http://msdn.microsoft.com/en-us/library/ff428642.aspx

接下来，eventMap div，您是否为此指定了任何样式？它应该具有以CSS类或内联样式指定的位置，宽度和高度。没有这个，你会在某些浏览器中出现奇怪的渲染。