Webjax.eu :: Créer une carte basique

Visualisation d'une page Webjax

Créer une carte basique

Ce widget est propulsé par ViaMichelin API .

Création d'une carte simple ViaMichelin

Nous allons avoir dans cet exemple comment créer une carte "simple" ViaMichelin.
L'exemple présenté est scindé en deux parties distinctes :

Code Javascript de lancement/affichage de la carte

Code XHTML/CSS définissant la box/zone pour la carte

L'exemple nécessite d'avoir inclut la librairie Javascript ViaMichelin dans le corps (X)HTML/CSS dans lequel vous souhaitez présenter la carte.
L'exemple est testable ci après :

Créer une carte ViaMichelin basique

Latitude pour le point central :
Longitude pour le point central :

Le code Javascript écrit pour l'exemple est présenté ci après :
VMAPI.registerKey("JSBS20070130151626751375664361"); function affiche() { map = new VMMap(document.getElementById("map_00")); var lat = null; var lng = null; if ($('lat0').value!==null&&$('lat0')!=undefined&&$('lng0')!==null&&$('lng0')!=undefined) { lat = $('lat0').value; lng = $('lng0').value; } else { lat = 47.95105; lng = 1.8996; } map.drawMap(new VMLonLat(lat,lng),11); map.showMapTools(2); }

Est présenté ci après le code XHTM/CSS et l'appel Javascript en click du bouton de validation :
<div id="map_00" style="width:400px; height:320px"></div> <br/>Latitude pour le point central : <input type="text" name="lat0" id="lat0" /> <br/>Longitude pour le point central : <input type="text" name="lng0" id="lng0" /> <br/><input type="button" name="act0" id="act0" onClick="affiche();this.disabled=true;" value="créer la carte ViaMichelin" />

ico time

: 10/08/2007 21:09:02 | ico tag

ico tag

: Via, Michelin, Création, carte, simple, basique, atlas, autoroutier, Renalid, autoroute, Atlas, cartes, cartographie, API, Javascript, Ajax, Webservices, POI, Itinéra,

ico com

Aucun commentaire enregistré