I have the following HTML:
<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>
And IndexView.js:
function LoadMap() {
var map = new VEMap('pnlMap');
map.LoadMap();
}
What I end up with is a page where the map starts at the very top left of the web page. What I want is for the map to appear beneath the text Where do you want to go?.
As I understand the way that bootstrap "rows" work, they should appear sequentially on the page and, if I replace the map with text, that is exactly what happens; so, is there something about Bing Maps that breaks this rule. Looking here what I'm doing appears to be correct.