Embed Microsoft Bing Maps Bird's Eye View
Project ID:
461033Project Type:
FixedBudget:
$30-$250 USD
Project Description:
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 (http://www.microsoft.com/maps/isdk/ajax/) 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="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.2"></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');
map.LoadMap();
var myBingWaypoint = new VELatLong(myBingLat,myBingLng);
map.SetCenterAndZoom(myBingWaypoint, myBingZoom);
map.SetMapStyle(VEMapStyle.Birdseye);
map.SetBirdseyeScene(myBingWaypoint,VEOrientation.North,myBirdZoom);
map.AddPushpin(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 VEOrientation.North 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="http://dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.2"></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');
map.LoadMap(mybirdWaypoint, myBingZoom);
map.SetBirdseyeOrientation(VEOrientation.West);
map.SetBirdseyeScene(mybirdWaypoint);
map.AddPushpin(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
Skills required:
Javascript
Public Clarification Board
Awarded Bids
barca2045
|
barca2045
From Spain
Gold Member
Offline
|
HTML Level 1 (95%, 100th percentile)
JavaScript Level 1 (85%, 85th percentile)
PHP Level 1 (80%, 93rd percentile)
General Freelancer Orientation (95%, 100th percentile)
Accepted
$30
in 0 days
over 2 years ago
I've got it, See PMB.
All Bids ()
Georgia
|
|
Georgia
From Georgia
Offline
|
General Freelancer Orientation (80%, 90th percentile)
Foundation EUFreelance.com Member
$220
in 7 days
over 2 years ago
I think I can help you.
Foundation LimeExchange Member