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>

 

code source
Code source © Benchmark Group

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.