Прокрутите страницу на div

Question

Я работаю над настройкой карты Google для веб-сайта. Мне удалось получить то, что я хотел с API и сайт customization.

В настоящее время вы можете пролистать мою карту, чтобы приблизиться или подняться. Интересно, можем ли мы сделать то же самое на моем div, размещенном над моей картой (которая содержит форму)?

Моя карта (форма справа): * удалить *

Ps: Я Пикселизация карту по соображениям безопасности.

Заранее спасибо,

Answer 1

Несомненно. Карты api предоставляют методы getZoom и setZoom для такого рода вещей. Все, что вам нужно сделать, это настроить обработчик событий для события mousewheel в вашем контейнере.

Это будет выглядеть примерно так:

$('#container').on('mousewheel', function (e) { 
    var currentZoom = map.getZoom(); 
    if (e.originalEvent.wheelDelta > 0) { 
    map.setZoom(currentZoom + 1); 
    } 
    else { 
    map.setZoom(currentZoom - 1); 
    } 
}); 

Вот рабочий jsFiddle, так что вы можете увидеть его в действии.

Кроме того, если вы пытаетесь увеличить масштаб до определенной точки, вы можете использовать setCenter, прежде чем делать масштаб. Точка, которую вы выбираете как ваш центр, будет точкой, в которой карта приближается.

Answer 2

@Phillip Schmidt: Он работает сейчас thx.

Я хотел бы знать, есть ли у вас также знания о том, как отключить «классический» свиток? Когда я прокручиваю свой div, Zoom работает отлично, но также и «классический» свиток:/