Отключить изменение масштаба в Google картах

· JavaScript, Другое и Снипеты · 1 мин чтения

Во время разработки сайтов (например landing страниц), я часто использовал Google карты и устанавливал их во всю ширину экрана пользователя. Меня раздражало то, что нельзя было крутить колесиком мышки до самого низа сайта, так как Google карты на это реагируют и меняют масштаб карты. В этой записи я вам покажу как этого можно легко избежать.

Если вы уже установили Google карты на ваш сайт, то скорее всего вы знакомы с их API и я особо в этом вникать не буду, а сразу перейду к делу.

Если же вы еще не знакомы со способом установки, то вы можете следовать моей статье, которую я совсем недавно написал «Как установить Google карты на сайт?«.

Саму проблему я уже описал выше. Чтобы ее решить, вы можете воспользоваться кодом ниже.

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

Вам нужно установить scrollwheel: false, чтобы отключить колесико мышки на гугл картах и это все, что нужно сделать.

На этом все. Если у вас есть какие-либо вопросы — задавайте их в комментарии к этой записи. Спасибо за внимание.

Комментарии