Käynnissä

Embed Microsoft Bing Maps Bird's Eye View

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 ([url removed, login to view]) 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="[url removed, login to view];></script>

<script type="text/javascript">

var map = null;

var myBingLat = 43.52347;

var myBingLng = [url removed, login to view];

var myBingZoom = 16;

var myBirdZoom = 2;

function GetMap()

{

map = new VEMap('myMap');

[url removed, login to view]();

var myBingWaypoint = new VELatLong(myBingLat,myBingLng);

[url removed, login to view](myBingWaypoint, myBingZoom);

[url removed, login to view]([url removed, login to view]);

[url removed, login to view](myBingWaypoint,[url removed, login to view],myBirdZoom);

[url removed, login to view](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 [url removed, login to view] 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="[url removed, login to view];></script>

<script type="text/javascript">

var map = null;

var myBingLat = 43.52347;

var myBingLng = [url removed, login to view];

var myBingZoom = 16;

var myBirdZoom = 2;

function GetMap()

{

var mybirdWaypoint = new VELatLong(myBingLat,myBingLng);

map = new VEMap('myMap');

[url removed, login to view](mybirdWaypoint, myBingZoom);

[url removed, login to view]([url removed, login to view]);

[url removed, login to view](mybirdWaypoint);

[url removed, login to view](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

Taidot: Javascript

Näytä lisää: embed bing map, embed bing maps, bing maps embed, embed bing map website, embed bing map pin, embed bing map html, bing maps setcenterandzoom div, bing bird eye view, bing maps change orientation, rotate bing maps, pin bing maps, bing maps save sdk birdseye, bing map embed, bing velatlong, embed bing bird eye map, bing map vemapstyle bird eye, change orientation live maps east west north south, bing map embed bird view, bing map rotate birdseye javascript, bing map bird, bing maps embed pin, embed bing map website microsoft ajax, bing move pin birdseye, save bing maps, insert bing map site

About the Employer:
( 1 review ) Outremont, Canada

Projektin tunnus: #461033

Myönnetty käyttäjälle:

barca2045

I've got it, See PMB.

30 $ USD 0 päivässä
(32 arvostelua)
5.1

3 freelanceria on tarjonnut keskimäärin 100 $ tähän työhön

Georgia

I think I can help you.

220 $ USD 7 päivässä
(24 arvostelua)
6.4
namaljoy

I am a very good java ,java script programmer. I wish to do this project.

50 $ USD 2 päivässä
(0 arvostelua)
0.0