Ma carte est aplatie, que faire?

Lors de l'intégration de l'iframe de votre carte dans un template ou un bloc aux dimensions prédéfinies, il arrive que le rendu ne soit pas celui espéré : la carte est aplatie.

Capture_d_e_cran_2022-05-17_a__17.37.21.png

Pas de panique, c'est une histoire de quelques clics ! 😁


🗺️ Pourquoi ma carte est aplatie et comment résoudre le cas ?

Nos iframes sont paramétrées avec une hauteur (height) et une largeur (width) en 100%.

Exemple :

<iframe width="100%" height="100%"src="https://livemap.getwemap.com/embed.html?emmid=19954&amp;token=Y9WGPERH223J4V99TYIDRUAIH" frameborder="0" style="max-width:100%" allowfullscreen="" allowtransparency="" allow="geolocation; camera; accelerometer; gyroscope; magnetometer; fullscreen"></iframe>

Pour y remédier, il vous suffit de modifier directement dans l'iframe la hauteur par une dimension fixe. En général une hauteur comprise entre 450 et 550 pixel suffit pour résoudre le problème d'affichage. 

Exemple :

<iframe width="100%" height="550px"src="https://livemap.getwemap.com/embed.html?emmid=19954&amp;token=Y9WGPERH223J4V99TYIDRUAIH" frameborder="0" style="max-width:100%" allowfullscreen="" allowtransparency="" allow="geolocation; camera; accelerometer; gyroscope; magnetometer; fullscreen"></iframe>

Capture_d_e_cran_2022-05-17_a__17.46.23.png

💡 Astuce :

Conservez la largeur à 100% afin que la carte soit responsive sur tous les supports.

Évaluation de l'article Thanks for the feedback There was a problem submitting your feedback. Please try again later.

J'ai encore besoin d'aide Contactez-nous Contactez-nous