Visualisation d'une page Webjax
Mapquest, OpenAPI (présentation)
Cette page est propulsée par
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 :
- transaction.js :: fichier javascript qui "document.write()" les inclusions css et javascript de la librairie Mapquest.
- mqxml.js :: fichier js qui définit deux structures XML correspondant à MQLocation MQManeuver.
- blueframe.css :: fichier css qui correspond aux styles des contours (contrôles de directions) par défaut de couleur bleue.
- maneuver.css :: fichier css.
- maps.css :: fichier css définissant les styles applicables au widget container de la carte Mapquest.
- mq.js :: fichier racine de la libraire Mapquest (?).
- mqxsl.js :: fichier contenant les XSL de transformation.
- popup.js :: fichier javascript contenant les fonctionnalités liées à l'affichage des bulles d'informations.
- template.css :: fichier css.
- utils.js :: fichier de fonctionnalités utilitaires javascript.
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 :
- transaction.js :: fichier javascript qui "document.write()" les inclusions css et javascript de la librairie Mapquest.
- mqxml.js :: fichier js qui définit deux structures XML correspondant à MQLocation MQManeuver.
- blueframe.css :: fichier css qui correspond aux styles des contours (contrôles de directions) par défaut de couleur bleue.
- maneuver.css :: fichier css.
- maps.css :: fichier css définissant les styles applicables au widget container de la carte Mapquest.
- mq.js :: fichier racine de la libraire Mapquest (?).
- mqxsl.js :: fichier contenant les XSL de transformation.
- popup.js :: fichier javascript contenant les fonctionnalités liées à l'affichage des bulles d'informations.
- template.css :: fichier css.
- utils.js :: fichier de fonctionnalités utilitaires javascript.

:

