Comment personnaliser une carte Google Maps ?

5 avril 2013 | 11 Commentaires Plus

Lors de l’intégration d’une carte Google Maps à un site internet, vous êtes un peu frustré de ne pas pouvoir personnalisé votre carte. Sachez que votre frustration est inutile. Il est tout à fait possible de personnaliser très facilement une carte Google Maps. Suivez le guide !

Où se rendre pour personnaliser une carte Google Maps ?

Google propose un éditeur personnalisé. Cet éditeur est la clé pour créer votre carte Google Maps personnalisé. Pour y accéder, il suffit de vous rendre à l’adresse suivante : http://gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html.

Comment personnaliser une carte Google Maps ?

Pour chacun des éléments de la carte, vous pouvez lui attribuer un style.

Pour devenir incollable sur la personnalisation d’une carte Google Maps, je vous invite à consulter le tutoriel présent à cette page : personnaliser Google Maps.

Comment intégrer votre chef d’oeuvre à un site internet ?

Pour intégrer votre création, à un site internet, vous allez devoir intégrer les codes générés à votre page web.

Cette étape, même si elle peut apparaître un peu barbare pour les personnes ayant du mal avec le code, se révèlera plus fastidieuse que compliqué. En suivant les étapes d’intégration décrites sur cette page, vous allez donner vie à votre rêve : intégrer une carte personnalisé à votre page web.

Remarque : Pour information, quelques plugins WordPress vous permettent de réaliser très facilement la personnalisation de cartes Google Maps. Si vous êtes intéressé, je vous invite à consulter cet article : Deux plugins GMap responsives personnalisables pour WordPress

Les requêtes qui ont permis d'accéder à cet article:

  • personnaliser google map site web

Tags:

Catégorie: Scripts gratuits / Frameworks

Commentaires (11)

Trackback URL | Flux RSS des commentaires

Sites proposant des liens vers cet article

  1. Revue de Steph #115 | 6 avril 2013
  2. Scripts gratuits | Pearltrees | 5 avril 2013
  1. Bonjour Jérôme,
    Merci pour ce partage, je ne savais même pas que ce genre de choses étaient faisable. En plus avec le liens du tutos je vais pouvoir essayer de ce pas !

    Cordialement.
    Sophie@Informatique Strasbourg a récemment publié Formations bureautiques Strasbourg et Mulhouse en INTER-EntreprisesMy Profile

  2. Bonjour Jérôme merci pour ce tuto, c’est super utile, par contre un petit souci dans mon code, je ne comprends pas comment l’inséré dans mon javascript. Avez vous une idée??? Au plaisir

Laisser un commentaire

CommentLuv badge