+33 9 54 02 76 00

Astuce

Snazzy Maps, personnalisez vos carte Google Maps

AstuceGoogle Maps

Le service de cartographie de Google, Google Maps, propose une API (Application Programming Interface ou Interface de programmation d’applications) qui permet d’intégrer, d’utiliser, de modifier et d’interagir avec des cartes dans votre propre application ou site web. C’est notamment ce que nous utilisons pour proposer les widgets de navigation pour nos visites virtuelles.

Si une utilisation avancée nécessite des connaissances en javascript, il est assez facile de créer une carte simple, Internet regorge d’exemples pour vous y aider. Une des particularités de l’API est que vous pouvez modifier l’apparence graphique de votre carte pour coller au design de votre application ou de votre site web.

snazzymaps

C’est ici que Snazzy Maps intervient en proposant un large choix de « thèmes » prêts à l’emploi. Classés par tags et disponibles sous licence creative commons, ces snippets sont totalement libres d’utilisation.

Le site vous propose même de télécharger un exemple au format HTML avec un code commenté pour vous aider à l’adapter à votre utilisation.

Un service à garder dans vos favoris !

Bug de Chrome 30 et des iframe de Google Maps

AstuceGoogle Maps

Depuis sa dernière mise à jour, Chrome présente un bug empêchant le chargement des iframes de Google Maps, Streetview mais aussi des Visites Virtuelles Google. Cela peut être un vrai problème pour ceux ayant intégrer sur leur site web un de ces iframe.

EDIT 8 Oct. : Le problème semble aujourd’hui résolu, les iframes s’affichent bien sous Chrome.

La solution consiste à passer par l’API de Google maps et d’utiliser un code iframe légèrement différent.

Nous vous proposons cet outil très simple qui fonctionne pour StreetView et les visites virtuelles Google, collez le code iframe d’origine (celui que vous donne Google Maps) dans le champ de gauche, puis copiez le code modifié à droite.
Lorsqu’un internaute affichera cet iframe, si il utilise Chrome ou Chromium, c’est l’API de Google Maps qui prendra le relais, sinon, l’iframe normal sera affiché.

Vous n’avez plus qu’a remplacer (temporairement) le code iframe utilisé sur votre site ou celui de vos clients !

Code d’origine:

Code à copier:

Une URL pour la version classique de Google Maps

Peut-être êtes vous passé à la nouvelle version de Google Maps, son intégration complète à Google Earth, ses villes en 3D etc.

newgooglemap

Malgré ses nombreuses innovations, il manque encore à cette nouvelle mouture quelques options bien pratiques, comme Pegman qui vous permet de trouver les zones couvertes par Streetview mais aussi les visites virtuelles !
Bien sûr il est possible de repasser à tout moment sur l’ancienne version en utilisant le menu ‘options’ googlemaptool en haut à droite. Mais cela vous oblige à passer avant par la nouvelle version.

Ou vous pouvez bookmarker cette url : https://www.google.com/maps?output=classic et vous arriverez directement sur le Google Maps que vous connaissez bien !