Pokud se nezobrazují dlaždice vložené mapy, nejspíš za to může globální nastavení tagu img. Je potřeba nastavit:
img {
max-width: none;
}
Pokud chci mít mapu na celou šířku stránky, ale rodičovský element má pevně nastavenou šířku:
.map-wrapper {
position: relative;
width: 98.6vw;
margin-left: -49.2vw;
left: 50%;
bottom: 0;
}
Pokud chci, aby se scrollování nepřenášelo do iframu mapy.cz, zabalím iframe do <div class="map-wrapper"> a použiji následující kód:
jQuery(".map-wrapper").click(function() {
console.log('.map-wrapper click');
jQuery(".map-wrapper iframe").css("pointer-events", "auto");
});
jQuery(".map-wrapper iframe").mouseleave(function() {
console.log('iframe mouseleave');
jQuery(".map-wrapper iframe").css("pointer-events", "none");
});
V CSS současně nastavím:
.map-wrapper iframe {
pointer-events: none;
}