使用Bing地圖與引導

我有以下HTML：使用Bing地圖與引導

<head> 
    <script type="text/javascript" src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.3"></script> 
    <script type="text/javascript" src="~/Scripts/IndexView.js"></script>  
</head> 
<body onload="LoadMap();"> 
    <div class="row"> 
     <div> 
      <h2>Where do you want to go?</h2> 
     </div> 
    </div> 

    <div class="row">   
     <div id="pnlMap"> 
     </div> 
    </div> 

    <div class="row"> 
     <div style="align-content:center"> 
      <h3>Test</h3>    
     </div> 
    </div> 
</body>

而且IndexView.js：

function LoadMap() { 
    var map = new VEMap('pnlMap'); 
    map.LoadMap(); 
}

我結束了在這裏的地圖開始在最左上頁的網頁。我想要的是地圖出現在文本下面你想去哪裏？。

正如我所理解的引導「行」的工作方式，他們應該順序出現在頁面上，如果我用文本替換地圖，那正是發生了什麼;那麼，是否有Bing地圖打破了這一規則。尋找here我在做什麼似乎是正確的。

來源

2017-03-05 pm_2

我看不到引導庫加載... – Himanshu

引導通過在_Layout.cshtml捆裝。我把它排除在外，因爲它只是擠滿了問題。 –

看起來您正在使用的Bing Maps V6.3已於去年11月棄用，並且即將關閉。您應該將您的應用遷移到Bing Maps V8，它具有更多功能並且速度更快。 – rbrundritt

在將style="position:relative; width:400px;"添加到包含地圖的div後，我能夠獲得所需的佈局。

function LoadMap() { 
 
    var map = new VEMap('pnlMap'); 
 
    map.LoadMap(); 
 
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /> 
 

 
<script src="https://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.3"></script> 
 

 
<body onload="LoadMap();"> 
 
    <div> 
 
    <div class="row"> 
 
     <div> 
 
     <h2>Where do you want to go?</h2> 
 
     </div> 
 
    </div> 
 

 
    <div class="row"> 
 
     <div id="pnlMap" style="position:relative; width:400px; height:400px;"> 
 
     </div> 
 
    </div> 
 

 
    <div class="row"> 
 
     <div style="align-content:center"> 
 
     <h3>Test</h3> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</body>

或更好的，你也可以給寬度百分比width:50%

來源

2017-03-05 11:00:48 Himanshu

非常感謝 - 添加位置相關作品很棒。爲什麼？當然，無論默認設置/引導設置是否適用於文本 - 爲什麼當我用文本替換地圖時，我不會讓文本以同樣的方式運行？ –

它似乎默認情況下，如果我們不提供任何定位，它將其作爲'靜態 '。 – Himanshu

請參閱https://s8.postimg.org/vbr4e8e2t/Untitled.png – Himanshu

使用Bing地圖與引導

回答

相關問題