|
<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 © 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.
|
