Visualisation d'une page Webjax
Mapquest, OpenAPI, exemple "Hello World"
Cette page est propulsée par 
Cette page présente une intégration générique du système de cartographie de Mapquest.
Le premier exemple vous permet de générer une carte Mapquest puis de contrôler le type d'affichage souhaité.
Intégration et Test d'une carte Mapquest
Ce premier exemple vous permet de charger une carte Mapquest dans la page.
Cette carte est centrée sur Paris, vers le quartier de la gare Saint-Lazare et affiche 4 marqueurs
dont deux sont positionnés exactement sur les mêmes coordonées.
Cette superposition est bien gérée par Mapquest qui affiche pour l'occasion une bulle d'informations à deux niveaux de titres
chacun représentant une des MQLocation placées sur la carte.
De la même façon que sur les pages de "démo" présentant GMaps ou Y!Maps, les cartes doivent être chargées et ne sont pas repositionnables
afin d'en permettre un usage restreint et accessible au plus grand nombre (les lecteurs de Webjax).
L'exemple est testable ci après :
peyo
Comme vous avez pu le constater il est possible de personnaliser aussi bien les contours qui sont ajoutés par les inclusions Mapquest à la carte,
ainsi que le type d'affichage carte souhaité (ndr : style5, european, etc...).
!!! : il est à noter que, normalement, par défaut, des images permettant de naviguer vers les différentes directions basiques (north,northeast,northwest,south, etc...) sont
présentes autour de la carte.
L'ensemble de ces images plus la carte correspondent en termes de classe CSS à '.mqMapcontrols'.
Dans le cadre de cet exemple l'affichage des images permettant la navigation "directions" ont été supprimées pour des raisons de mise en page.
Le contrôle de tailles réelles finales du widget est un souci à ce jour (07/03/2007) de l'OPEN API Maquest.
En étudiant le code source de l'exemple vous pourrez aussi prendre connaissance de la ligne nécessaire pour spécifier un icône de marqueur personnalisé
sur une MQLocation.
Le code source de l'exemple est recopié ci après :
Ci après le code Javascript permettant de créer la carte dans l'élément 'DIV' précisé.
Ci après le code HTML de l'élément 'DIV' container de la carte Mapquest :
Cette page présente une intégration générique du système de cartographie de Mapquest.
Le premier exemple vous permet de générer une carte Mapquest puis de contrôler le type d'affichage souhaité.
Intégration et Test d'une carte Mapquest
Ce premier exemple vous permet de charger une carte Mapquest dans la page.
Cette carte est centrée sur Paris, vers le quartier de la gare Saint-Lazare et affiche 4 marqueurs dont deux sont positionnés exactement sur les mêmes coordonées.
Cette superposition est bien gérée par Mapquest qui affiche pour l'occasion une bulle d'informations à deux niveaux de titres chacun représentant une des MQLocation placées sur la carte.
De la même façon que sur les pages de "démo" présentant GMaps ou Y!Maps, les cartes doivent être chargées et ne sont pas repositionnables afin d'en permettre un usage restreint et accessible au plus grand nombre (les lecteurs de Webjax).
L'exemple est testable ci après :
peyo
Comme vous avez pu le constater il est possible de personnaliser aussi bien les contours qui sont ajoutés par les inclusions Mapquest à la carte, ainsi que le type d'affichage carte souhaité (ndr : style5, european, etc...).
!!! : il est à noter que, normalement, par défaut, des images permettant de naviguer vers les différentes directions basiques (north,northeast,northwest,south, etc...) sont présentes autour de la carte.
L'ensemble de ces images plus la carte correspondent en termes de classe CSS à '.mqMapcontrols'.
Dans le cadre de cet exemple l'affichage des images permettant la navigation "directions" ont été supprimées pour des raisons de mise en page.
Le contrôle de tailles réelles finales du widget est un souci à ce jour (07/03/2007) de l'OPEN API Maquest.
En étudiant le code source de l'exemple vous pourrez aussi prendre connaissance de la ligne nécessaire pour spécifier un icône de marqueur personnalisé sur une MQLocation.
Le code source de l'exemple est recopié ci après :
Ci après le code Javascript permettant de créer la carte dans l'élément 'DIV' précisé.
Ci après le code HTML de l'élément 'DIV' container de la carte Mapquest :
: 07/03/2007 22:33:46 | 
: Mapquest, mapquest, Maps, Map, OpenAPI, API, présentation, cartographie, MQMap, MQLocation, setMapStyle, getMap, setSkin, setIconId, MQPointLL, 
