logo image
AddThis Social Bookmark Button

Visualisation d'une page Webjax

Mapquest, OpenAPI (présentation)
icone addfav
Cette page est propulsée par Mapquest :: système de cartographie mondial

Si vous suivez Webjax dans l'ordre de rédaction des pages, vous avez du pouvoir prendre connaissance des systèmes de cartographies proposés par Google (GMaps) et par Yahoo! (Y!Maps).
Cette page définit l'introduction, présentation d'un autre système de cartographie à l'échelle internationale.
Pour ma part j'ai eu connaissance de ce système via le film "Broken Flowers" dans lequel le héros se dirige sur le territoire des Etats-Unis à l'aide de cartes imprimées depuis ce site ce qui m'avait pas mal surpris à l'époque croyant à la supériorité des GMaps en terme d'image.

Ce système se nomme MAPQUEST et permet d'intégrer des cartes dynamiques à la façon de ce qui a déjà été vu dans le cadre des études de GMaps et Y!Maps.
Une librairie Javascript composés d'objets dédiés au travail sur des calques représentant les cartes demandées est proposée et une API_KEY est nécessaire pour pouvoir accéder au service (ndr : principe d'API_KEY reproduit sur la quasi-totalité des sites fonctionnant sur webservices).
Vous pouvez obtenir une API_KEY vous permettant d'utiliser le système de cartographie en cliquant ici.
Une fois votre API_KEY enregistrée vous pouvez accéder aux ressources de documentation et d'exemples en cliquant ici.

!!! :: à la différence par exemple de GMaps, une API_KEY peut correspondre à plusieurs 'url' d'appels. Vous pouvez utiliser votre API_KEY aussi bien en local que en ligne à partir du moment ou vous avez ajouté les urls que vous souhaitez utiliser via le site TRC.

Le tableau présenté ci après liste les objets utilisables via la librairie Javascript Mapquest qui est chargée.
Nom objet Description
MQGeocode Objet permettant de gérer les fonctionnalités de géolocalisation.
MQLatLngConverter Objet dédié à la conversion de coordonnées latitude, longitude.
MQLocation Objet permettant de définir une localisatin sur une carte.
Cet objet est l'équivalent des YMarker et GMarker dans les API de cartographies déjà présentées.
MQLocationCollection Objet permettant de définir des collections ou groupes de MQLocation soit des localisations sur une carte.
MQManeuver
MQManeuverCollection
MQMap Objet principal de carte.
Correspond à GMap2 et YMap dans les systèmes de cartographies déjà présentés.
MQObjectCollection
MQPointLL Objet permettant définir un point par sa latitude et sa longitude.
MQPointXY Objet permettant de définir un point en (x,y).
MQPopup Objet permettant de définir les bulles d'informations qui apparaissent lors d'un passage au dessus d'un MQLocation.
MQRoute Objet permettant de rechercher des itinéraires d'une MQLocation à une autre par exemple.
MQSize Objet permettant de définir des attributs de dimensions (height, width).
Array
Object
Element


Une des particularités du système de cartographie proposé par Mapquest réside dans le fait qu'il est possible de changer "d'overlay" de cartes c'est à dire que les routes, rues, tous les éléments de la carte sont disponibles dans plusieurs représentations graphiques.
Il est bien entendu possible de changer le type de visualisation proposé.

Cette page n'est pas une page de démonstration.
Pour accéder à la démo générique du système de cartographie Mapquest, vous pouvez consulter la page #183 de Webjax.

Il peut être intéressant de noter dans cette présentation que l'utilisation Mapquest au sein d'une page web correspond en fait à l'inclusion d'une bonne dizaine de fichiers (javascript et css).
La liste des 11 fichiers inclus (ndr : capture du 07/03/2007) par défaut est la suivante :
  1. transaction.js :: fichier javascript qui "document.write()" les inclusions css et javascript de la librairie Mapquest.
  2. mqxml.js :: fichier js qui définit deux structures XML correspondant à MQLocation MQManeuver.
  3. blueframe.css :: fichier css qui correspond aux styles des contours (contrôles de directions) par défaut de couleur bleue.
  4. maneuver.css :: fichier css.
  5. maps.css :: fichier css définissant les styles applicables au widget container de la carte Mapquest.
  6. mq.js :: fichier racine de la libraire Mapquest (?).
  7. mqxsl.js :: fichier contenant les XSL de transformation.
  8. popup.js :: fichier javascript contenant les fonctionnalités liées à l'affichage des bulles d'informations.
  9. template.css :: fichier css.
  10. utils.js :: fichier de fonctionnalités utilitaires javascript.

ico com Aucun commentaire enregistré