Tel: 04.99.23.14.39

Google Maps Engine

Depuis Juillet, Google propose, toujours en version « Beta » à l’heure actuelle, un nouvel outil de personnalisation des cartes nommé Maps Engine Lite.
Si vous avez un site internet, vous avez sans doute mis en place la fameuse Google Map. Jusque là, créer des cartes complexes avec des zones, etc. était une tâche ardue, surtout pour les non-initiés.

Cet outil très simple à prendre en main répond aux besoins de nombreuses entreprises notamment grâce à la création facile de zones personnalisables.

Maps Engine Lite

Cet outil permet de changer le type de carte, ajouter des informations, des lieux, et même de dessiner sur la carte.

Cette dernière fonctionnalité est très souvent demandée, par exemple pour définir une zone d’intervention, ou des zones de livraisons.
C’est désormais réalisable de façon très simple, il suffit d’ajouter des calques à la carte, ces calques sont personnalisables, par exemple pour mettre des couleurs différentes à chaque zone dessinée, etc.

Pour commencer à créer une carte, il faut cliquer sur le bouton « nouvelle carte » (logique):

nouvelle carte

Et vous pouvez en cliquant sur le nom la renommer

nommer la carte

Enfin il est possible de choisir le type de carte que l’on veut afficher

type de carte

Tout d’abord plaçons notre siège social à la bonne adresse en utilisant le moteur de recherche en haut

adresse

C’est ici que nous pouvons commencer à personnaliser notre pointeur

personnalisation

Il est possible de changer sa forme et sa couleur,

couleurs

et même de choisir parmi une liste assez fournie d’icônes

icones

Notre adresse étant placée sur la carte, nous pouvons maintenant ajouter d’autres objets sur la carte. Pour cela nous créerons pour chaque objet un nouveau calque

ajouter un calque

A l’aide de la barre d’outils outils nous choisissons ce que nous voulons ajouter sur notre carte, comme d’autres points de lieux par exemple.
Pour notre cas, nous allons dessiner une zone d’intervention. C’est quelque chose d’assez courant qui restait assez compliqué à réaliser jusque là. Nous utilisons l’outil le plus à droite de notre barre, et nous dessinons point par point notre zone. Attention il est important de bien revenir au premier point pour terminer la boucle.

dessin de la zone

Comme pour chaque objet, nous pouvons personnaliser son apparence: couleur, bordure, transparence.

personnalisation de la zone

Le bouton partage en haut à droite vous permet de partager votre carte personnalisée sur les réseaux sociaux et de régler les paramètres de confidentialité.
Attention pour placer la carte sur votre site, vous devez mettre le options de visibilité sur « Public ».

partage

partage réseaux sociaux

Pour insérer la carte sur votre site, il suffit de cliquer sur Dossier Google Mapset « intégrer la carte à mon site ».

integrer

Et dernière étape, il suffit de copier-coller le code qui vous est donné dans votre site.

integration

23 Comments

  1. claire sur 8 octobre 2013 à 2 h 48 min

    Bonjour,
    J’ai crée une carte avec Maps Engine mais impossible de l’ajouter dans mon blog WordPress.Ca fonctionne avec https://maps.google.fr mais impossible d’arriver à visualiser la carte après collage du code HTML via maps engine.
    Pourriez-vous me dire si c’est possible? Et comment?

    Ce serait top ! 🙂

    Merci d’avance pour votre aide.
    Claire



    • solution34 sur 8 octobre 2013 à 8 h 24 min

      Bonjour Claire,
      dans WordPress pour faire fonctionner du code HTML, deux solutions: si on souhaite placer la carte dans un widget, c’est simple, on colle le code dans un simple widget texte et cela doit fonctionner.
      Par contre, si on souhaiter intégrer la carte dans une page ou un article, il faut coller le code HTML en mode Texte et non pas en mode visuel.
      Pour rappel, quand vous êtes en modification d’une page, au niveau de la barre d’outils, à droite il y a deux petits onglets: Visuel et Texte.
      Cela devrait alors bien marcher. Faites-nous savoir si votre problème est résolu.



      • Lylia sur 4 janvier 2014 à 0 h 07 min

        bonjour,

        j’ai le mm problème que Claire … Pourtant j’ai bien suivi vos conseils et utiliser le code « embled « 



        • Solution34 sur 6 janvier 2014 à 14 h 30 min

          Bonjour Lylia, êtes vous bien passé dans l’onglet « Texte » à droite de l’éditeur de texte pour coller le code HTML ?



  2. imer sur 17 octobre 2013 à 16 h 41 min

    Merci, très bon tuto!
    Peut-on régler le zoom de la carte ?

    Merci.
    imer



    • solution34 sur 17 octobre 2013 à 17 h 24 min

      Bonjour Imer, merci pour votre commentaire.
      En ce qui concerne le niveau de zoom, il semble qu’actuellement il n’est pas réglable par l’utilisateur, la carte est zoomée au maximum sur l’objet à voir.
      Si on a un seul repère, ou une seule zone, la carte sera maximisée dessus. Par contre si on a plusieurs objets, par exemple un marqueur sur Montpellier, et un marqueur sur Paris, la carte sera affichée de plus loin de façon à voir les deux emplacements.
      Cette version est récente, je pense qu’elle sera améliorée dans les mois à venir.
      Cédric.



  3. Jérome sur 30 octobre 2013 à 15 h 17 min

    Bonjour,

    j’utilise aussi engine mais j’aurais aimé savoir si vous avez tenté d’ajouter plus de 3 calques. Je n’y arrive pas.

    Merci



  4. Thierry sur 15 décembre 2013 à 13 h 16 min

    Bonjour, il semble que les iframe ne soient plus acceptés dans WP? Cela ne fonctionne pas en tout cas pour l’ajout d’une MAP ENGINE PRO dans une page de notre blog. Any idea?



    • Solution34 sur 16 décembre 2013 à 8 h 48 min

      Bonjour Thierry, je n’ai pas fait testé Map Engine Pro, mais pour ce qui est de l’utilisation des iframe dans WP, aucun problème cela marche très bien, même dans le dernière version 3.8.



  5. loic sur 7 janvier 2014 à 12 h 04 min

    Bonjour,

    Quel est le nombre maximum de points par calque dans la version gratuite ?



    • Solution34 sur 7 janvier 2014 à 12 h 14 min

      Je ne suis pas certain, mais il me semble que c’est 100 points maxi par calque, et 3 calques maxi.



  6. Sabrina sur 24 janvier 2014 à 10 h 37 min

    Bonjour,

    J’ai crée un calque où plusieurs zones sont définies.
    Comment faire pour récupérer ce calque dans une nouvelle carte, sans avoir à tout refaire ?
    Merci pour votre réponse.



    • Solution34 sur 17 février 2014 à 18 h 31 min

      Bonjour Sabrina, pas de copier / coller de calques entre différentes cartes malheureusement.



  7. Arnaud sur 28 janvier 2014 à 12 h 19 min

    Merci, vous êtes plus efficaces que la doc de google 🙂



    • Solution34 sur 28 janvier 2014 à 12 h 33 min

      🙂 Merci beaucoup Arnaud !



  8. lise sur 28 janvier 2014 à 15 h 09 min

    Bonjour,
    merci pour votre article,
    ‘jai créé une carte avec des zones prédéfinies, comme vous le faites,
    mais pour que ce soit pertinent, il faudrait que l’utilisateur puisse taper une adresse et vois s’il est dans la zone concernée.
    Or impossible de trouver la façon d’integrer cela ds mon blog wordpress…
    avez-vous une idée ?
    merci bcp pour votre aide si vous le pouvez 🙂



    • Solution34 sur 17 février 2014 à 18 h 32 min

      Bonsoir Lise, c’est possible mais il va falloir mettre les mains dans la cambouis 🙂 et utiliser l’API de Google Maps.
      Je vous laisse potasser la doc: https://developers.google.com/maps/?hl=FR
      Bon courage !



  9. Gabriel sur 16 février 2014 à 17 h 29 min

    Bonjour, voilà je fais exactement comme dans le tuto de A à Z mais une fois le lien coller j’ai une erreur 404

    404. That’s an error.

    The requested URL /map/embed was not found on this server. That’s all we know.

    Merci de bien vouloir m’aidé s’il vous plait.



  10. Violaine sur 16 février 2014 à 19 h 09 min

    Bonjour!

    Pour ma part, même problème, je tente d’intégrer une carte personnalisée Google Map sur une de mes pages du blog, j’ai bien copier le lien ifram… etc donné sur Google Map en version texte et non visual et quand je clique preview ou publie, il y a un code d’erreur 404 Not found de Google qui s’affiche et non la carte… 🙁

    Merci pour votre aide!
    Violaine



    • Solution34 sur 17 février 2014 à 18 h 40 min

      Bonjour, Gabriel et Violaine, cela peut être du à la conversion des caractères par WordPress.
      Essayez de coller le code iframe en mode texte.



  11. Violaine sur 18 février 2014 à 18 h 49 min

    Bonjour,

    J’utilise WordPress mais non comme une application mais sur la plateforme en ligne, je pense que ça vient de ça 🙂 Savez-vous si la plateforme en ligne de WordPress on peux intégrer une carte Google Map personnalisée quand même?

    Merci beaucoup!



    • Solution34 sur 19 février 2014 à 8 h 56 min

      Le problème sur la plateforme WordPress.com c’est qu’il convertit systématiquement la balise iframe en shortcode [googlemaps] et avec une maps engine ça ne marche pas…



0d1f04fe7d620e42e1908ae02742c37d<<<<<<<<<<<<<<<