• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Wyłączanie scroll zooma w google map.

VPS Starter Arubacloud
0 głosów
1,258 wizyt
pytanie zadane 9 lutego 2016 w HTML i CSS przez Mateusz Stawicki Nowicjusz (120 p.)
Witam,

 mam na stronie mapkę w iframie i niestety jest tak umiejscowiona, że przejeżdżanie w dół strony scrollem powoduje, że myszka zatrzymuje się na tej mapce i ją zoomuje.

Ustawiłem "pointer-events: none;" i poskutkowało, ale jednocześnie zrobiło z niej statyczną mapkę, a nie o to mi chodziło.

Chcę po prostu wyłączyć funkcje zoomowania scrollem a resztę zostawić w spokoju.

przykład na tej stronie nad stopką: http://www.agisfs.pl/pl/kontakt

1 odpowiedź

0 głosów
odpowiedź 9 lutego 2016 przez Czort Nałogowiec (32,500 p.)
scrollwheel: false

Powinno zadziałać.
komentarz 9 lutego 2016 przez Mateusz Stawicki Nowicjusz (120 p.)
Nie dodałem mapki przez API tylko przez Iframe.
komentarz 9 lutego 2016 przez Czort Nałogowiec (32,500 p.)
Z tego co mi wiadomo to się nie da w iframe samego scrolla wyłączyć. Można jedynie wyłączyć wszystkie pointer-events a po kliknięciu na mapę z powrotem włączyć:

http://stackoverflow.com/questions/21992498/disable-mouse-scroll-wheel-zoom-on-embedded-google-maps
komentarz 9 lutego 2016 przez Mateusz Stawicki Nowicjusz (120 p.)
A mógłbyś wytłumaczyć mi jak dodaję się mapkę z API, bo moja aktualna jest responsywna i chciałbym, żeby tak pozostało.
komentarz 9 lutego 2016 przez Czort Nałogowiec (32,500 p.)
<body>
    <div id="map"></div>
    <script>
      function initMap() {
        var mapDiv = document.getElementById('map');
        var map = new google.maps.Map(mapDiv, {
          center: {lat: 44.540, lng: -78.546},
          zoom: 8
        });
      }
    </script>
    <script src="https ://maps.googleapis.com/maps/api/js?callback=initMap" async defer></script>
</body>

Krok po kroku: https://developers.google.com/maps/tutorials/fundamentals/adding-a-google-map

Co do responsywności to po prostu stylujesz #map według swoich upodobań.

komentarz 9 lutego 2016 przez ScriptyChris Mędrzec (190,190 p.)
Jeśli użyjesz mapy od Google API, to scrolla możesz wtedy wyłączyć już we właściwościach obiektu:

http://stackoverflow.com/a/2330272/4983840

Jeśli chcesz więcej opcji:

https://developers.google.com/maps/documentation/javascript/reference?csw=1#MapOptions
komentarz 10 lutego 2016 przez Mateusz Stawicki Nowicjusz (120 p.)
Dziękuję za odpowiedzi, pomogło. W sumie najprostsze rozwiązanie.

Podobne pytania

0 głosów
2 odpowiedzi 165 wizyt
pytanie zadane 24 grudnia 2015 w HTML i CSS przez Paweł123 Nałogowiec (33,500 p.)
0 głosów
1 odpowiedź 149 wizyt
pytanie zadane 8 lipca 2016 w HTML i CSS przez artix132 Użytkownik (870 p.)
0 głosów
1 odpowiedź 229 wizyt
pytanie zadane 31 grudnia 2015 w HTML i CSS przez Paweł123 Nałogowiec (33,500 p.)

92,451 zapytań

141,261 odpowiedzi

319,073 komentarzy

61,853 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...