Personnaliser Google Maps pour votre site

gmap

Savez vous que l’outil google map que Google nous propose est très riche en fonctionnalité qui nous permet de la personnaliser pour l’adapter au couleur et au design de nos sites.

Aujourd’hui on va vous expliquer en détail la meilleur façon de customiser et de styliser le thème de votre google map standard.

Initialiser Google Map

A partir du code fourni, on va commencer par modifier simplement la latitude et la longitude qu’on récupérera au préalable sur le site de google map

Ajouter les Styles

Pour commencer, on va s’attaquer directement sur la structure du map

Customiser Google Maps

Maintenant, on va styliser les éléments internes à google map

On remarquera qu’une connaissance minimum en html/css sera nécessaire pour pouvoir jouer avec les attributs couleur et autres.
Nous avons dans la catégorie “Debuter” des tutoriels pour vous aider

Mais si vous avez pas le temps pour apprendre l’intégration web, il vous suffira d’aller directement sur l’outil en ligne que google nous propose http://gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html

Ajouter un Marker

Puis enfin, on pourra personnaliser les markers en personnalisant les icônes qu’on affichera en mettant directement l’url de celle-ci dans le variable image.

Répondre