Afficher une carte
<head>
<script type="text/javascript" src="http://dev.virtualearth.net/mapcontrol/mapcontrol.ashx?=6.1">
</script>
<script type="text/javascript">
var map = null;
function GetMap() {
map = new VEMap('myMap');
map.onLoadMap = function() { alert('The map has loaded.') };
map.LoadMap(new VELatLong(47.6, -122.33), 10 ,'h' ,false);
}
</script>
</head>
<body onload="GetMap();">
<div id='myMap' style="position:relative; width:400px; height:400px;"></div>
//suite du code
</body>
Le code en JavaScript pour utiliser l'API est à placer dans la balise <head>
Une première balise <script> indique le lien vers le site contenant les méthodes de l'API.
Dans une deuxième balise <script>, une variable Map est créée et initialisée grâce à null. Le constructeur new instancie une nouvelle carte. Puis la méthode onLoadMap() spécifie la fonction à appeller quand la carte est chargée pour la première fois. Enfin, LoadMap() charge la carte. Dans cet exemple, le paramètre VELatLong() indique les coordonnées d'un point sur la carte.
A noter : la fonction onLoadMap() est obligatoire avant d'appeller LoadMap().
Dans la balise <body>, GetMap() fait appel à la fonction JavaScript. La balise <div> affiche la carte selon la position indiquée dans ses paramètres.