Mapquest, OpenApi, chargement de locations depuis un fichier XML

Cette page est propulsée par

Si vous suivez la présentation du système de cartographie Mapquest dans l'ordre proposé par le site Webjax, vous avez pu prendre connaissance du code basique à utiliser (MQMap, MQLocation, MQSize) pour afficher des cartes Mapquest.

La librairie Mapquest étant encore (d'après l'équipe Webjax, le 08/03/2007) moins évoluée que GMaps ou Y!Maps, l'étude de cette librairie ne sera pas poussée aussi loin que pour les librairies précitées.
Il est une fonctionnalité cependant qu'il peut être utile de connaître sur la librairie Mapquest : le chargement de points ou locations sur une carte à partir d'un fichier XML ce qui permet une mise en place très rapide de cartes complètes depuis une base de données par exemple.
Cette page présente donc le code nécessaire pour charger des points ou locations sur une carte depuis un fichier XML générique.
La librairie Mapquest n'utilise pas le format GeoRSS utilisé par Yahoo! mais comme Google fait appel à un modèle XML simple reprenant les champs ou caratéristiques permises par le système Mapquest.
Un exemple de fichier de points XML Mapquest est bien entendu présenté dans le cadre de l'exemple de cette page.



#00 :: Chargement de points depuis un fichier XML (simple)

Chargement de points depuis un fichier XML (simple)

Ce 1er exemple présente donc la méthode "simple" de chargement de points ou locations depuis un fichier XML au sein d'une carte Mapquest.
De la même façon que dans l'exemple de la page #182, les contrôles de directions sont supprimés afin de rentrer dans la mise en page standard de Webjax.

L'exemple est testable ci après :

carte Mapquest non chargée

Le code source de cet exemple est recopié ci après avec dans l'ordre :

• le code Javascript permettant de créer la carte et de charger le fichier xml de points ou localisations.
• le code source du fichier XML de points (lighté à trois points).
• le code CSS permettant d'annuler l'affichage des images de contrôles de "directions" qui s'affichent par défaut avec les cartes.

<script type="text/javascript"> // variables Mapquest var mq = null; function chargerCarteMapquest (idEl) { $(idEl).innerHTML = ""; mq = new MQMap(idEl); mq.getMap(); sizeMap = new MQSize(250,200); mq.setMapSize(sizeMap); mq.setWidgetSize(new MQSize(350,250)); // chargement des locations depuis un // fichier XML mq.locations.loadRemote("xml/fr/page184.xml"); mq.getMap(); $('ok_1').disabled = 'true'; } </script>
Le code source du fichier XML :
<?xml version="1.0" encoding="ISO-8859-1"?> <locationCollection count="3" > <location> <name>Point #01 rue de la victoire</name> <latitude>48.875582668826546</latitude> <longitude>2.3299598693847656</longitude> <country>FR</country> <iconId>31</iconId> </location> <location> <name>Point #02</name> <latitude>48.875582668826546</latitude> <longitude>2.3299598693847656</longitude> <iconId>33</iconId> </location> <location> <name>Point #03 rue la fayette</name> <latitude>48.87261892829</latitude> <longitude>2.333521842956543</longitude> <iconId>35</iconId> </location> </locationCollection>
Le code CSS annulant les contrôles de directions de la carte :
.mqMapwidget { width: 450px; } .mqMapcontrols { float: right; width: 430px; } .mqNw-n-ne , .mqWest , .mqSw-s-se , .mqEast { cursor: pointer; font-size: 8px; display : none; }

: 08/03/2007 00:56:51 | : Mapquest, mapquest, Maps, Map, OpenAPI, API, MQMap, MQMap.locations, getMap, loadRemote, chargement, fichier, XML, POI, marqueurs,

Aucun commentaire enregistré