logo image
AddThis Social Bookmark Button

Visualisation d'une page Webjax

Personnalisation des icônes de marqueurs
icone addfav
Cet exemple est propulsé par Google GMaps :: Utiliser des cartes internationales précises

Si vous suivez la présentation de la librairie GMaps dans l'ordre proposé par ce site, vous devez être au fait désormais du placement de marqueurs GMarker au sein de cartes GMaps2 .
Ces marqueurs peuvent, vous l'avez sûrement déjà vu dans les pages précédentes, se voir attacher des fenêtes d'informations avec ou sans onglets.

Vous allez sur cette page comment personnaliser les icônes des marqueurs afin de proposer des fonctionnalités toujours plus précises et riches en termes multimédia et utilisabilité.






Création de marqueurs personnalisés


Ce premier exemple vous présente une carte des environs de la gare Saint-Lazare ( Paris , 75009 ) avec des marqueurs placés sur des entités commerciales du quartier.
La personnalisation des marqueurs permet de faire abstraction (au moins dans une recherche rapide) de fenêtes d'informations l'identification se faisant à l'aide des icônes des marques.

L'exemple est testable ci après :

Utilisation de l'exemple #00
ZONE DE CHARGEMENT DE LA CARTE GMAPS




Le code de l'exemple est repris ci après :
Le code javascript permettant de créer les marqueurs personnalisés :

Le code HTML du bouton d'action :

ico com Aucun commentaire enregistré