Wyłączenie scrolla w mapie google

pytanie zadane 24 stycznia 2016 w HTML i CSS przez robert9620 Stary wyjadacz (11,640 p.)

Witam !

Mam taką oto mapę na stronie :

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2560.9634190028673!2d20.00697461520245!3d50.068246722712054!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4716452638b06bad%3A0x58e6567c8df428ba!2sAleja+Pokoju+82%2C+31-548+Krak%C3%B3w!5e0!3m2!1spl!2spl!4v1453125514002" width="100%" height="300" frameborder="0" style="border:0;" allowfullscreen></iframe>

Jest to po prostu wklejony kod mapy z google maps. Według tej instrukcji https://support.google.com/maps/answer/3544418?hl=pl

Ale co istotne. Chcę, żeby mapa w poziomie zajmowała 100% i zajmuje. Problem jest wiec taki, że podczas scrollowania, gdy dojedzie się do mapy i kursor myszy na nią wejdzie zaczyna się scrollować mapa zamiast strony i jest to według mnie spory problem.

W skrócie chciałbym wyłączyć scrolla w obiekcie iframe. Jak to zrobić za pomocą css lub html-a, ewentualnie js czy czym tam jeszcze by się dało ?

Szukałem już w googlach i jedyne co znalazłem to do znacznika iframe dać "scrolling="no"" -> niestety bez żadnego efektu :(

2 odpowiedzi

odpowiedź 24 stycznia 2016 przez Mlody89 Mądrala (6,920 p.)

Możesz utworzyć div i wypozycjonować go w taki sposób by przykrył mapę http://codepen.io/Mlody89/pen/xZYMXZ ale nie wiem na ile jest to poprawny sposób :P

komentarz 25 stycznia 2016 przez robert9620 Stary wyjadacz (11,640 p.)

Ale ta mapa jest interaktywna i chce żeby dalej dało się w nią klikać itp, ale wyłączyć samego scrolla

odpowiedź 25 stycznia 2016 przez ScriptyChris Mędrzec (190,190 p.)

Może tu znajdziesz odpowiedź, bo podobne pytanie było

https://forum.pasja-informatyki.pl/94275/dlaczego-nie-dziala-scrolling-no?show=94275#q94275

komentarz 25 stycznia 2016 przez robert9620 Stary wyjadacz (11,640 p.)

Niestety, żadna z tamtych metod nie działa ;/

komentarz 25 stycznia 2016 przez ScriptyChris Mędrzec (190,190 p.)

Metoda bardziej na piechotę polega na tym, że gdy myszka znajdzie się w polu mapy -ustawiasz EventListener na 'onmouseover' i gdy myszką najedziesz na mapę to powinien to wychwycić. Dalej sobie ustawiasz, że gdy zajdzie ten event, to wyłącz scrolla myszki.

W podlinkowanym wyżej temacie masz tam kilka innych linków do metod m.in. z jQuery - wypróbuj je. Jeśli coś nie działa to pokazuj konkretnie co (czyli pokaż kod i to co próbowałeś zrobić i czy są jakieś efekty albo konkretne problemy z tym związane).