Cocktail Web

Actualité des outils du Web



Personnaliser une carte avec googlemap nouvelle version

17/09/2014 ( Trouvailles ) 4 avis


Aujoud’hui, pour faire savoir où on habite ou pour raconter une récit de voyage, on peut créer des cartes personnalisées avec des outils disponibles sur Internet. Le premier réflexe est bien sûr l’utilisation de googlemap. Google map permet de créer votre propre carte au-dessus de la carte google en y ajoutant des calques personnalisés.

J’avais déjà testé l’outil, mais il parait que depuis hier, c’est la nouvelle version qui est sortie, j’ai donc créer une carte pour le fun ici. Vous y déouvrirai l’endroit où je blogue et l’endroit où je passe mes weekends.



Ce que permet googlemap personnalisé 

  1. L’ajout de repère sous forme d’un icone rouge bien connu (la couleur et fomre personnalisable).
  2. L’intégration de données issues de feuille de calcul (csv…). (Je n’ai pas essayé cette option) .
  3. L’intégration de fichier kml (définition d’un point kml ici) très utile quand on utilise google earth.
  4. L’intégration de vidéo youtube (idéal pour une carte touristique ou un récit de voyage intéractif).
  5. L’intégration de photos à partir de google  drive ou d’url d’une photo déjà disponible sur le net.
  6. L’ajour de lignes et de polygone : idéal pour indiquer la dimension d’un terrain. La couleur, la transparence et la grosseur du trait du poylgone sont personnalisables.
  7. Dans l’option carte de base, on peut changer l’apparence de la carte à produire (satellite, relief, géopolitique, monochrome, atlas simple, masse terrestre claire et sombre, eaux blanche).
  8. Bien sûr l’intégration d’un itinéraire est un must, mais ça on le savait déjà.

L »option insertion dans un site (embed n’est pas disponible) mais, j’y suis arrivé quand même en grattant un peu le code.

Je n’ai pas trouvé l’option d’insertion de la carte en mode « embed » ou « iframe », soit je m’y suis mal pris, soit ça n’existe pas. En tout cas si ça existe, l’option n’est pas trouvable facilement, il a donc fallu que je me casse un peu la tête pour trouver l’astuce.

La carte que j’ai créée pour le test est disponible sur le lien

https://www.google.com/maps/d/viewer?mid=zsabdhn9Od98.kFhSB9YluMtw

Le code embed pour ma carte est tout simple

<iframe height= »480″ src= »https://mapsengine.google.com/map/embed?mid=zsabdhn9Od98.kFhSB9YluMtw » width= »600″></iframe><br />

Remplacer ensuite de coller le code de votre carte créée en lien et place du code  zsabdhn9Od98.kFhSB9YluMtw

Conclusion : que ce soit pour le loisir, pour l’école ou pour les associations et  le business, cette nouvelle version de googlemap va ravir tout le monde. Pour les professionnels, ce genre de carte est un must à intégrer dans un site internet. Encore un outil dont on ne va plus pouvoir se passer et merci google car c’est gratuit !

Étiquettes : ,




Delicious Sauvegardez sur delicious! Ecrit par Thierry Roget

------------

» Suivez les commentaires de ce billet par RSS

Commentaires

» Abonnez vous au flux RSS des commentaires de ce billet

Commentaire de Yves Provence |

Salut,

Quel dommage, cette nouvelle version de googlemaps
* ne sait pas intégrer un fichier gpx alors que l’ancienne version sait pourtant les lire
(https://www.google.com/maps?q=http:%2F%2Fprovence.web.free.fr%2FOVS%2F04-RocherDOngles.gpx&hl=fr&sll=43.930885,5.369965&sspn=0.71901,1.454315&t=m&z=13)
* ne sait pas intégrer une carte de photos de ce type (https://picasaweb.google.com/lh/albumMap?uname=105594210211807871865&aid=6058649819498834705&locked=true#map), c’est à dire une carte où toutes les photos sont localisées d’après leur données Exif et alors que Picasa sait très bien le faire.

Quand on nous impose une nouvelle version, on en attend toujours plus de fonctionnalité et on tombe sur des manques !

Commentaire de Thierry Roget |

@Yves Provence évidemment, je n’avais pas noté ce détail, merci pour l’information;

Commentaire de Yves Provence |

Bonsoir,

Pour récupérer le code c’est simple :
* se mettre en « modifier »
* l’ « icone dossier » à coté de « ajouter un calque »
* choix « intégrer la carte à mon site »

Pour info, c’est également exactement le même code que pour la carte avec l’ancienne version de Google Maps. J’ai reçu un mail m’informant que je devais mettre à jour mes cartes vers la nouvelle version. Une fois la maj passée, je suis allé sur mon site et la nouvelle carte était déjà en place. J’a regardé le code que j’avais mis il y a pas mal de temps et le nouveau. C’est bien le même (sauf que j’avais juste agrandi la carte)
https://www.google.com/maps/d/u/0/edit?mid=zd5ZPKFhP6do.kQO6w8jnfrTc

Je vais peut-être y ajouter des éléments … ou pas pour ne pas la surcharger.

@+

Commentaire de Thierry Roget |

@Yves Provence en effet, c’est simple, et j’ai vu qu’on peut exporter la carte en format kml, ce qui est plutôt cool! merci pour ton commentaire.

» Abonnez vous au flux RSS des commentaires de ce billet

Ecrire un commentaire