logo image
AddThis Social Bookmark Button

Visualisation d'une page Webjax

AjaxAPI , Placement de marqueurs
icone addfav
Ce widget est propulsé par Yahoo! Maps :: système de cartographie gélocalisation mondial

Si vous suivez la présentation de l'API Yahoo!Maps dans l'ordre de ce site, vous avez pu prendre connaissance de l'exemple basique d'utilisation de la librairie Javascript proposée par Yahoo! .
Cette page présente un exemple plus complexe d'utilisation de la librairie Javascript, exemple qui vous permettra d'intégrer des fenêtes d'informations et marqueurs sur vos cartes afin de présenter des points ou de donner des informations sur un lieu par exemple.
Comme vous le verrez l'ensemble des éléments que l'on peut ajouter sur une carte sont personnalisables du marqueur à la zone finale à proposer à l'internaute.







Placement de marqueurs/fenêtes informations sur une carte Y!Maps


Cet exemple présente le code à utiliser pour placer des marqueurs et des fenêtes d'informations associées sur une carte Yahoo! Maps.
Cette fonctionnalité de placement de marqueurs existe également au sein de la librairie GMaps de Google.
La carte exemple est présentée ci après :

Le code source nécessaire à la mise en place de l'exemple est recopié ci après :


Il est intéressant de noter que des modifications ont été effectués par rapport aux paramétrages de base de la librairie Y!Maps :
  • définition d'un nouveau marqueur en remplacement de celui de couleur orange par défaut (YImage).
  • redéfinition de la couleur de bordure (orange par défaut) de la fenêtre d'informations associée au marqueur.

ico com Aucun commentaire enregistré