Во время разработки сайтов (например 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
, чтобы отключить колесико мышки на гугл картах и это все, что нужно сделать.
На этом все. Если у вас есть какие-либо вопросы — задавайте их в комментарии к этой записи. Спасибо за внимание.