Google Maps et les iframe

Google Maps gère la manière dont il est affiché et peut (selon les cas) refuser l'affichage avec le message d'erreur : Load denied by X-Frame-Options !
Voici comment y remédier !

Que se passe-t'il ?

Pour éviter le piratage de site (ça s'appelle le Cross Site Request Forgery - CSRF, i.e. fausse requête transversale de site), qui consiste à afficher un site véridique et afficher des informations et des liens faux par dessus, une option a été ajoutée à IE8 (par Microsoft)  - puis par la suite aux autres browsers- pour empêcher d'afficher une page dans iframe. (plus d'explications sur un post du forum webmasterworld)

Du coup, une page Google Maps standard ne s'affichera pas dans un iframe.

La Solution

C'est assez simple mais il faut le savoir, il suffit quand on visualise la page Google Maps de cliquer sur la petite roue crénelée en bas à droite et de choisir la première option dans le menu qui apparaît "Partager et intégrer la carte".

Puis choisir l'onglet Intégrer la carte (en haut de la fenêtre qui apparaît, par défaut c'est Partager le lien), et Google vous affiche le code pour l'iframe y compris la bonne URL.

Et voilà vos cartes Google Maps intégrées dans vos sites seront de nouveau affichées !