«
»

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.

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

  1. 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

  2. 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 ??

  3. 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 » ?

  4. 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

  5. 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

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

    Merci pour ce plugin, il fonctionne nickel ;)

  7. 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.

  8. 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

  9. 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

  10. 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.

  11. 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

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

    Grand merci à toi Pierre ..

    Amicalement

    Gérard

  13. 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.

  14. 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

  15. 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.

  16. 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

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

    i will try，3ks

Laisser une réponse