Garth

Jak vypnout zoom na iframe Google Mapy?

Pokud si vložíte do webu Google mapu vygenerovanou z webu (bez použití Google Maps API), tak pokud na dané stránce rolujete myší obsahem webu a najedete na tuto mapu, tak již nerolujete nže/výše ve webu, ale nastává přibližování/oddalování v rámci iframe Google Mapy. Velice často je potřeba tento efekt zrušit.

Přiblížit/oddálit mapu je užitečná vlastnost, ale nejdůležitější je obsah dané strany a ten, ve většině případů, "nestojí a nepadá" na iframu s Google Mapou. Tudíž podstatnější je, aby uživatel mohl rolovat myší/nahoru dolů všude a nebyl zoom na Google Mapě.


Problé je, že bez použití Google Maps API neexistuje žádný způsob jak změnit chování vygenerovaného iframe Google Mapy. Naštěstí je zde jeden způsob jak situaci vyřešit. Není nijak krásný a občas nemusí zafungovat, ale nic lepšího bohužel není.


Klíčem je
style="pointer-events:none;"
, který dokáže vyrušit udlásti myšy.

Řešení bude vypadat takto:
.mapa_pata{
position: relative;
}
.map_overlay {
background: transparent none repeat scroll 0 0;
height: 600px;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 5;
}

Jak vidno se jedná o překrytí google mapy "divem" o velikosti jakou má právě daná mapa.

<< zpět




Nejnovější články

Jak udělat stín bloku pouze na jedné straně?

CSS - Úvod do CSS

Jak detekovat klik na tlačítka myšy?

JavaScript - Úvod do JavaScriptu

Jak udělat odkaz na celý řádek tabulky?

JavaScript - Příklady v JavaScriptu

Jak zrušit tečky kolem odkazu?

CSS - Základy CSS

Jak fungují lomítka a tečky v url adrese?

(x) HTML - Úvod do HTML