My card is flattened, what should I do?

When integrating your map's iframe into a template or block with predefined dimensions, the rendering may not be as expected: the map is flattened.

Capture_d_e_cran_2022-05-17_a__17.37.21.png

Don't panic, it's a matter of a few clicks! 😁

🗺️ Why is my map flattened and how to solve it?

Our iframes are configured with a height and width at 100%.

Example:

<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>

To fix this, simply modify the height directly in the iframe to a fixed dimension. Generally, a height between 450 and 550 pixels is enough to solve the display problem.

Example:

<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

💡 Tip:

Keep the width at 100% so that the map is responsive on all devices.