Virtual Earth API/HTML problems

programming web dev
1

Hey guys,

First of all, I’m not starting a debate if google is better etc, so I’m afraid I’m going to stick with Virtual Earth.

I have here a simple script.


<html>
<head>
<title>Virtual Earth Test</title>
<script type="text/javascript" src="http://dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.1"></script>
<script>
var map = null;
function VirtualEarth3DScene(title, latitude, longitude, altitude, pitch, heading)
{
   this.Title = title;
   this.ViewSpec = new VEMapViewSpecification(new VELatLong(latitude, longitude), null, altitude, pitch, heading);
}
var scenes = new Array();
//Locations, name position, lat, lng, altitude, Angle, rotate
scenes.push( new VirtualEarth3DScene("Groningen, AKerk", 53.216171, 6.561815, 202.916620191187, 53.243311 , 6.533928) );
scenes.push( new VirtualEarth3DScene("Groningen, Screenfeed", 53.244446, 6.533577, 202.916620191187, 53.243311 , 6.533928) );
scenes.push( new VirtualEarth3DScene("Groningen, Martini Kerk", 53.219460, 6.568320, 202.916620191187, 53.243311 , 6.533928) );
 
var numScenes=scenes.length;
var updateInterval = 7000;
var sceneIndex=parseInt(Math.random() * numScenes);
var timer = null;
function EventMapLoad()
{
 
  //map.HideDashboard();
  setTimeout('LoadScene();', 10000);
  timer = setInterval('IncrScene();LoadScene();', updateInterval);
}
function CreateMap()
{
  map = new VEMap('theMap');
  map.onLoadMap = EventMapLoad;
  map.LoadMap(null, 2, VEMapStyle.Aerial,false);
  map.SetMapMode(VEMapMode.Mode3D);
}
function LoadScene()
{
  try
  {
      var scene = scenes[sceneIndex];      
      map.SetMapView(scene.ViewSpec);
 
      var e=document.getElementById('SceneTitle');
      if (e) {e.innerText = scene.Title;}
  }
  catch(ex) {}
 
  return false;
}
function IncrScene()
{
   ++sceneIndex;
   sceneIndex = sceneIndex % numScenes;
 
}
function DecrScene()
{
   --sceneIndex;
   if (sceneIndex < 0) { sceneIndex = numScenes - 1; }
}
function ResetTimer()
{
   try
   {
      clearInterval(timer);
      timer = setInterval('IncrScene();LoadScene();', updateInterval);
   }
   catch(ex){}
}
function PauseTimer()
{
   clearTimeout(timer);
}
 
 
</script>
</head>
<body onload='CreateMap();'>
<div id='theMap' class='mapStyle'></div>
<div class='text back' onclick='ResetTimer();DecrScene(); return LoadScene();'>&lt;&lt;</a></div></div>
<div id='SceneTitle' class='text title'>Virtual Earth Test</div>
<div class='text Pause' onclick='PauseTimer();'>Pause</div>
<div class='text forward' onclick='ResetTimer();IncrScene(); return LoadScene();'>&gt;&gt;</div>
</body>
</html>

The point of it is; when you press the “>>” buttons below o wait a few seconds…

-You should go to the position of that location, and that works!

However, some have the nice Birdseye view option.

But no matter what I try, it either doesn;t work, or the nice 'flying over the land towards ending doesn’t show…

Could anyone help me with a solution?

Kind regards, Gerhard.