Google map fajny efekt

pytanie zadane 31 grudnia 2015 w HTML i CSS przez Paweł123 Nałogowiec (33,500 p.)

Cześć, może ktoś wie jak zrobić takie efekt w google map.

Kiedy zjeżdżam dół strony i trafię na mapkę, chciałbym aby mógłbym dalej spokojnie przewijać stronę, nie powiększając mapki (kiedy na nią najadę).

Coś takiego chcę uzyskać http://prymuski.eu/contact-us/

Takiego efektu nie chciałbym uzyskać http://www.catering.mazurkas.pl/kontakt-2.html

przewijając stronę

1 odpowiedź

odpowiedź 31 grudnia 2015 przez niezalogowany

Dla wersji API 3.0 zamień scrollwheel na false, bo scrollowanie jest ustawione domyślnie w 3.0

options = $.extend({
    scrollwheel: false,
    navigationControl: false,
    mapTypeControl: false,
    scaleControl: false,
    draggable: false,
    mapTypeId: google.maps.MapTypeId.ROADMAP
}, options);

API 2.0

map.disableScrollWheelZoom();

komentarz 31 grudnia 2015 przez Paweł123 Nałogowiec (33,500 p.)

A gdzie mam to ustawić?

komentarz 31 grudnia 2015 przez niezalogowany

function initMap() {
  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 4,
    center: {lat: -33, lng: 151},
    mapTypeControl: true,
    options = $.extend({
   scrollwheel: false}, options);
  });
}

Powinno pójść

komentarz 31 grudnia 2015 przez Paweł123 Nałogowiec (33,500 p.)

Czy dobrze to zrobiłem, bo nie działa :(

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1773397.0069480524!2d22.062547938130255!3d52.13101553950791!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x471ecc669a869f01%3A0x72f0be2a88ead3fc!2sWarszawa!5e0!3m2!1spl!2spl!4v1451598055705" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
           
 <script>
            
            
        function initMap() {
          var map = new google.maps.Map(document.getElementById('map'), {
            zoom: 4,
            center: {lat: -33, lng: 151},
            mapTypeControl: true,
            options = $.extend({
           scrollwheel: false}, options);
          });
        }
            
            </script>