«
»

Cartes intégrées Googlemaps

Google-mapsJ’ai eu besoin, pour un de mes blogs, d’un plugin permettant d’intégrer facilement des cartes Google. Comme je n’en ai pas trouvé qui réponde à mes besoins j’en ai créé un. Une fois encore, j’aimerai le partager avec vous.

Pour l’utiliser vous devez :

  1. Télécharger le plugin,
  2. L’installer dans votre répertoire plugins et l’activer,
  3. Obtenir votre clé API depuis le site web de Google,
  4. Allez dans l’interface du plugin et y entrer votre clé API (Vous pourrez éventuellement définir une largeur et une hauteur par défaut pour vos cartes ici),
  5. Insérer des cartes où vous voulez dans vos articles en utilisant la syntaxe suivante (sans espace au début après le [ ) [ map:http://lien_permanent_vers_la_carte_Google]

Depuis Googlemaps, allez sur que la carte que vous souhaitez intégrer. Cliquez sur « Lien » dans le coin haut-droit de la carte. Dans la boîte qui apparaît, copier le HTML sous « Collez le lien suivant dans un e-mail ou dans un message instantané : » et collez-le dans votre tag map. Vous pouvez voir de nombreux exemples ci-dessous.

PS. Quelques fois avec IE, et pour une raison inconnue, IE n’affiche pas correctement une carte et affiche le message d’erreur suivant : « GMap2 est indéfini« . J’ai fait quelques recherches sur Google et il semblerait que IE ne gère pas correctement son cache… Dans ce cas, il suffit d’actualiser la page pour que la carte s’affiche correctement.

version 1.2 utilisation de la nouvelle interface utilisateur. Les fichiers de langues sont maintenant dans leurs propres sous-répertoire. Optimisation des headers pour le cache.

version 1.0 première release

Pour les questions, bugs et aspects techniques, dirigez vous plutôt vers le Forum.

Chargement en cours...
 

Pages: 1 2 3 4 5 6 7 8

Cet article a été publié le Samedi 21 février 2009 à 18:29 et est classé dans Google maps, Plugins. Vous pouvez en suivre les commentaires par le biais du flux RSS 2.0. Vous pouvez aller directement à la fin et laisser un commentaire. Les pings ne sont pas autorisés.

27 commentaires sur “Cartes intégrées Googlemaps”

  1. Amogiz dit :
    5 avril 2011 à 16:50

    Me^me problème que les autres, c’est dommage de n’avoir aucune réponse on ne peut pas faire fonctionner ce plug -ins :(

  2. Jérémie dit :
    23 février 2011 à 15:20

    Bonjour,
    merci pour le plugin.
    J’ai le même problème que John et Molly, le site indique « Chargement » et plus rien.
    Avons nous mal configuré un élément? Merci!

  3. Guardiola Oscar dit :
    31 janvier 2011 à 16:22

    Bonjour.

    très bon plugin.

    Comment peut-on retirer le liens « agrandir la carte »?

    Merci.

    Oscar

  4. Manuphi dit :
    27 janvier 2011 à 17:05

    Bonjour,

    Ce plugin fonctionne très bien avec WordPress 3.0.1
    J’ai cependant un petit soucis dans l’écriture de mon URL.
    Voici : [map:http://maps.google.fr/maps?f=q&source=s_q&hl=fr&q=7+Route+Vezin+le+Coquet,+35+000+RENNES&sll=48.116296,-1.712623&sspn=0.002428,0.004823&gl=fr&ie=UTF8&z=15
    Cet URL ouvre automatiquement, à l’affichage de la carte, l’infobulle avec l’adresse. Je voudrais que cette infobulle soit fermée et ne s’ouvre que si on clique sur le marqueur.
    Une idée ?

    Merci,
    - Manuphi

  5. Molly dit :
    11 janvier 2011 à 22:08

    Hi Pierre,
    Downloaded the plugin and put the code on the page, but the map just keeps saying « Loading.. » but nothing ever loads. Any ideas what might be going on?

    Thanks,
    Molly

  6. John dit :
    6 janvier 2011 à 2:07

    Having an issue with my map loading, i have followed all the steps to get this to work and all it says is « Loading… »

  7. Maurice dit :
    3 novembre 2010 à 14:01

    Bonjour

    J’aimerai pouvoir exploiter des coordonnées géographiques + quelques infos data sur les cartes googlemaps. Quelqu’un connait un bon script ?

  8. mmj dit :
    23 septembre 2010 à 21:08

    from my understanding and trying with some other plugins, echo do_shortcode(‘[shortcode]‘) should just work fine

  9. Pierre dit :
    23 septembre 2010 à 21:02

    Hi mmj,

    no idea for the moment… I’ve never use (and don’t know at all before you talk me about it) this API.
    I’ll have to read some codex documentation (later) to know a little about it ;) .
    So for the moment i’m unable to help you. Sorry. Perhaps someone else ?

    Amicably,

    Pierre.

  10. mmj dit :
    23 septembre 2010 à 15:18

    Hello
    I put something like this into my template: [code]do_shortcode('[map:http://.....')[/code]. but I’m not getting anything?
    am I doing something wrong here?

  11. philm dit :
    22 mars 2010 à 11:27

    Pour itinéraires en français :
    je réponds à moi même (pour les autres qui auraient le même problème) :
    changer de « google.com » à « google.fr » dans googlemaps.php

  12. philm dit :
    22 mars 2010 à 8:15

    j’ai wplang=fr_FR et
    [map:http://maps.google.fr/maps?f=d&source=s_d&saddr=4+bd+berthelot,+montpellier&daddr=Palavas-les-Flots&hl=fr&geocode=FTdMmQIdLg07ACm7cTQBsq-2EjHwZvVY0n0WMA%3B&mra=ls&sll=43.600951,3.869998&sspn=0.007847,0.014913&ie=UTF8&t=h&z=12
    mais l’itinéraire est en anglais.

    Une idée ??

  13. philm dit :
    21 mars 2010 à 20:31

    ça marche mais seulement en anglais.
    J’utilise maps.google.fr, je copie le lien, mais le résultat dans le blog est en anglais.
    Où est la « locale » ?

  14. Trangsene dit :
    26 février 2010 à 18:10

    Bonjour,

    Merci pour ce plug-in qui marche nickel.
    Par contre, j’aurai aimé pouvoir désactiver le scroll souris. Ma carte est en haut de page et quand on veut faire défiler la page, c’est la carte qui zoome !

    J’ai essayé d’ajouter map_’.$count.’.disableScrollWheelZoom(); dans différent fichier (sous la ligne map_’.$count.’.enableContinuousZoom();) et ça ne change rien du tout ! :-\

    Comment faire ?

    PS : je suis allé sur le forum mais il n’y a aucun sujet pour le plugin Googlemap

  15. otto dit :
    25 février 2010 à 14:32

    Bonjour Pierre,
    Y a t’il une solution, un code à ajouter pour forcer l’ouverture de la popin comme sur http://www.monblogamoua.fr/2009/02/21/google-maps-embed/4/ ?
    merci

  16. callisto dit :
    2 février 2010 à 19:23

    Merci pour ce plugin, il fonctionne nickel ;)

  17. otto dit :
    2 février 2010 à 11:46

    Bonjour Pierre (il n’y a pas de sujet googlemap ouvert sur le forum et je poste ici).

    Fore those who got a probleme to display the map, check your header.
    I had this line of code: <meta name="description" content=" » /> that prevent the map to be displayed.

  18. Cheryl dit :
    21 janvier 2010 à 20:01

    Hi Pierre,

    Thanks for the instructions in english. I’ve managed to display google maps with a single marker but I have a htm page with a xml page which my web designer gave me to put multiple markers of locations all over north america and it’s clearly not meant for wordpress MU.

    Is it possible to do that with your plugin? And if it is, how would the code look like? I know you’ve managed to do layers on yours and I would like to have some examples of how you did it.

    Sorry you won’t be able to see the website because you need a certificate for it.

    Any help is appreciated. Thanks.
    Cheryl

  19. otto dit :
    15 janvier 2010 à 17:57

    Je vais tester cela et te tiens au courant.
    Yep pour le forum mais il n’y a pas de sujet ouvert pour ce plug in en particulier…
    merci

  20. Pierre dit :
    14 janvier 2010 à 15:51

    Bonjour otto,

    j’ai fait un copier-coller de l’url de ta carte et tout a fonctionné sans problème… Là je comprends pas trop :( . Surement un problème de compatibilité mais tu me dis avoir testé en désactivant les autres plugins… Je sèche. Fais comme moi si tu as un petit site de développement, fais le test et tiens-moi au courant mais sur le forum stp. C’est toujours mieux de centraliser l’info pour le partage ;) .

    Amicalement,

    Pierre.

  21. otto dit :
    13 janvier 2010 à 21:19

    Bonjour Pierre,
    J’ai installé le plugin et ajouter une carte sur l’un de mes posts http://www.vodkacoca.com/lieux/2010/01/le-scopitone/ mais pour je ne sais quelle raison, la carte ne s’affiche pas (et m’indique Chargement en cours… / javascript).
    FAut il activer le js qq part??? (a priori pas de prb avec les autres plugin – désactivés un a un)

    Merci
    otto

    WP 2.9.1

  22. Pap0ose dit :
    13 décembre 2009 à 17:22

    Grand merci à toi Pierre ..

    Amicalement

    Gérard

  23. Pierre dit :
    7 décembre 2009 à 13:42

    Bonjour Gérard,

    Inculture, inculture… Je ne me permettrai pas. C’est juste chacun son truc ;) moi c’est le web toi c’est la pêche si je devais te parler de mes connaissances en matière de pêche… On en aurait rapidement fait le tour ;) .
    Bref, revenons-en à nos truites :) . Pour le « problème » d’implémentation que tu as, j’ai fait un saut rapide sur ton site et j’ai regardé où pointait la carte qui se trouve dans ta sidebar. Le code à ajouter pour l’afficher dans une page ou sur un post (un article) avec le plugin Google-maps ça donne :

    [ map:http://maps.google.fr/maps/ms?ie=UTF8&hl=fr&msa=0&msid=103711555033993338088.000479d9e624c4acd0089&t=h&ll=43.797925,1.605549&spn=0.015488,0.017166&z=14&source=embed

    tu pourras éventuellement ajouter 200 250 à la fin si tu as des problèmes de tailles de carte dans ta barre latérale.

    PS. actuellement je n’ai pas prévu de widget pour l’ajouter dans la sidebar… Peut-être dans une version future.

    Amicalement,

    Pierre.

  24. Pap0ose dit :
    3 décembre 2009 à 18:47

    Bonjour Pierre et Merci ..

    J’ai bien suivi les 4 premières étapes mais je pense me planter à la cinquième « [ map:http://lien_permanent_vers_la_carte_Google » car rien ne s’affiche ..
    Quel lien exactement faut il mettre ?
    Merci encore et désolé pour mon inculture ..
    Gérard

  25. Pierre dit :
    3 décembre 2009 à 10:00

    Hi Susanne,

    like i’ve just answered to an other user about the same request, excuse me but i’m gone a do a copy-paste ;) .

    Hi weblinksontario,

    once you have entered your API key in the plugin interface (by clicking on « settings » on the plugins page or in Tools -> Google maps), you can add a special marker to embed your Google maps in your posts or in your pages.
    For example :
    [map:http://maps.google.ca/maps?f=q&source=embed&hl=en&geocode=&q=400+Gran+Bahama+Boulevard,+Davenport,+Florida&sll=49.891235,-97.15369&sspn=23.158779,45.615234&ie=UTF8&hq=&hnear=400+Gran+Bahama+Blvd,+Davenport,+Polk,+Florida+33897,+United+States&ll=28.333622,-81.654854&spn=0.055981,0.095015&z=14&iwloc=A
    To get an url to use, like in this example, go to Google maps choose a place to show or "load" a saved map by clicking on "My Maps". You'll see at the top right corner of the map a "Link" label, click on it, it will show you two fields, get the one with "Paste link in email or IM" and copy it. Then in your post (or in your page) enter [map:the url of the copied link] and save your article.

    All should be ok ;) .

    Amicably,

    Pierre.

    PS. Be conscious this code works with WordPress, i had a look on your web site but it doesn’t seems to use WP ;) .

    Amicably,

    Pierre.

  26. Susanne friedrich dit :
    3 décembre 2009 à 1:54

    Hi Pierre, do you have instructions about how to embed the google maps in a wordpress blog in English? Where do I put the API code?

    Thanks
    Susanne

  27. 小T dit :
    18 mai 2009 à 15:33

    i will try，3ks

Laisser une réponse