2013-11-09 16 views
7

Czy mogę dezaktywować iframe mapy google, gdy jestem na urządzeniu mobilnym?Google maps iframe wyłącza przewijanie dotknięciem na telefonie komórkowym

Ustawienia są już z scrolling = nr, ale kiedy przejść na komórkę mapa jest aktywna i stają się aktywne.

Czy istnieje rozwiązanie?

Dzięki

+0

http://stackoverflow.com/questions/7534888/embed-google-maps-on-page-without-overriding-iphone-scroll-behavior – Ludovic

+2

Dzięki, jak mogę tego użyć w iframe? – benedex82

Odpowiedz

7

miałem podobny problem i używane coś takiego:

<style> 
    .overlay { 
    background:transparent; 
    position:relative; 
    width:640px 
    height:480px; 
    top:480px; 
    margin-top:-480px;} 
</style> 

<html> 
    <div class="overlay" onClick="style.pointerEvents='none'"></div> 
    <iframe src="https://mapsengine.google.com/map/embed?mid=some_map_id" width="640" height="480"></iframe> 
</html> 

Div zakrywa mapę, zapobiegania incydentom wskaźnik z dotarcia do niej. Jeśli klikniesz na div, staje się przezroczysty dla wskaźników zdarzeń, aktywując mapę.

+0

lub po prostu styl elementu iframe ze stylem = "pointer-events: none" – bleuscyther

Powiązane problemy