Vous êtes devenu un pro de l’option "Mes Cartes" dans Google Maps ? et vous avez produit plusieurs dizaines de cartes personnalisées en suivant notre tutoriel ...
... et vous aimeriez les intégrer directement dans votre site web plutôt que de demander aux personnes d’aller voir vos cartes sur Google Maps.
Voici ce petit tutoriel qui devrait répondre à vos attentes !
Ce tutoriel suppose que vous avez ouvert un compte chez Google et que vous avez créé au moins une carte dans Google Maps ainsi que l’obtention d’une clé API (cf plus bas les explications)
- notre carte personnalisée dans Google Maps
La première chose à faire est de récupérer l’ adresse internet du KML de votre carte. cela se fait en faisant un clic droit sur l’icone KML, puis en cliquant sur "copier l’adresse du lien" (cet exemple est donné avec le navigateur Firefox).
Ainsi dans notre cas nous obtenons l’adresse suivante :
http://maps.google.fr/maps/ms?ie=UTF8&hl=fr&mpnum=3&msa=0&output=nl&msid=117124890623285949281.00000111c2a20ebd87dc1
Il nous faut également la longitude et latitude centrales de notre carte. Il suffit de cliquer sur "obtenir l’URL de cette page" et de repérer les coordonnées nécessaires qui se trouvent après &ll :
- récupération de la latitude et de la longitude
Ici la latitude est de 44.548842 et la longitude de 6.473479
Et pour terminer, prévoir le degré de zoom pour l’affichage initiale de la carte. La méthode est peut-être un peu barbare, mais nous avons compté les barreaux du curseur de zoom depuis le bas... !!! soit 15 dans notre exemple. Y’a sans doute plus logique, mais nous n’avons pas trouvé...
Nous possédons maintenant tous les paramètres. Il est temps de les injecter dans le code html ci-dessous encadré aux endroits indiqué. Ce code, nous le copierons directement dans notre cas dans un article de notre site... c’est à dire CET article lui-même, mais nous aurions pu le mettre dans n’importe quel autre article ou page de notre site.
Attention, la clé API donnée par Google Maps est dédiée à votre site ; si vous souhaitez mettre votre carte sur plusieurs sites il faut demander à Google Maps UNE CLE API PAR SITE , de toute façon c’est gratuit...
Ce qui devrait donner ça dans notre cas :
Il ne vous reste plus qu’à passer à l’action ! L’avantage de cette technique est de pouvoir modifier la carte dans Google Maps, rajouter des surfaces, des repères, etc. sans avoir à nouveau à remodifier el code html injecté dans votre site.
N’hésitez pas à lire la documentation sur l’API Google Maps afin de complexifier et modifier l’apparence de base de la carte.