I wish to embed Bird's Eye View of Microsoft Bing Maps (formely Live Maps)on my website with the ability to have it opened facing West (or East, South instead of the North default) and zoomed in. It should be fully functional (can rotate view to facing North-West-East-South, can be zoomed in/out and can switch to Road and Aerial views).
Looking at the Microsoft Interactive SDK ([login to view URL]) and various finds on the internet, I manage to embed a Bird's Eye View, but it always opens facing North, or zoomed out.
I tried many variants and either 1. the view is zoomed in, can change orientation etc... but it always open facing North, or 2. it opens facing West, but zoomed out and, when I click on the rotation arrow to change orientation, it jumps to another place (moving the push-pin to a corner instead of keeping it center).
It must be some simple stupid syntax error but for days I can't find it, so am more than willing to pay a reasonable fee for it, say 20-30 USD just to have somebody taking 5 seconds to tell me "you just have to add a comma here"!
Here are the codes I tried:
1. <!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="[login to view URL];></script>
<script type="text/javascript">
var map = null;
var myBingLat = 43.52347;
var myBingLng = -5.68234;
var myBingZoom = 16;
var myBirdZoom = 2;
function GetMap()
{
map = new VEMap('myMap');
[login to view URL]();
var myBingWaypoint = new VELatLong(myBingLat,myBingLng);
[login to view URL](myBingWaypoint, myBingZoom);
[login to view URL]([login to view URL]);
[login to view URL](myBingWaypoint,[login to view URL],myBirdZoom);
[login to view URL](myBingWaypoint);
}
</script>
</head>
<body onload="GetMap();" style="font-family:Arial">
<div id='myMap' style="position:relative; width:400px; height:285px;"></div>
</body>
</html>
Everything works OK except the view always open facing North, even if I change [login to view URL] to VEOrientation.West.
2. <!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="[login to view URL];></script>
<script type="text/javascript">
var map = null;
var myBingLat = 43.52347;
var myBingLng = -5.68234;
var myBingZoom = 16;
var myBirdZoom = 2;
function GetMap()
{
var mybirdWaypoint = new VELatLong(myBingLat,myBingLng);
map = new VEMap('myMap');
[login to view URL](mybirdWaypoint, myBingZoom);
[login to view URL]([login to view URL]);
[login to view URL](mybirdWaypoint);
[login to view URL](mybirdWaypoint);
}
</script>
</head>
<body onload="GetMap();">
<div id='myMap' style="position:relative; width:400px; height:285px;"></div>
</body>
</html>
View opens facing West, but zoomed out (can't find how to set zoom in). In addition, if I click on the rotation arrow to change orientation, the view jumps to another place. I must zoomed in manually first, then changing orientation is OK.
Of course, you can suggest completely different codes.
Best regards