虛擬地球 - 只有地圖不渲染

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類或內聯樣式指定的位置，寬度和高度。沒有這個，你會在某些瀏覽器中出現奇怪的渲染。