Как отключить прокрутку колесиком на гугл карте не используя API?

Question

[Павел]

Хотелось бы просто взять iframe карту и выключить зум колесиком шыши. Как это безболезненно сделать? Не хочу с API связываться там тихий ужас в коде

Answer 1

[Евгений Петров]

Всё просто, если знать про 3 фазы событий.
Используя Capture Phase и stopPropagation, мы просто не даём событию спуститься от window к целевому узлу.

document.addEventListener('mousewheel', cancel, true); // webkit + IE
document.addEventListener('DOMMouseScroll', cancel, true); // Самые древние FF
document.addEventListener('MozMousePixelScroll', cancel, true); // FF с версии 3.5
document.addEventListener('wheel', cancel, true); // FF с версии 31

function cancel (e) {
	e.stopPropagation();
}

Comments

[Павел]

а можно пример , ну пожалуйста?) Так сказать демку. Например здесь codepen.io

[Евгений Петров]

В ответе дал ссылку.

[Павел]

не заметил сразу ссылку , дай ка я тебя расцелую :)

[Павел]

+ этот сервис и проблем с картой совсем нет https://mapbuildr.com/

Answer 2

[Виктор Виктор]

scrollwheel: false

Comments

[Павел]

можно пример? Это разве без API ?

[Виктор Виктор]

mrusklon: аа, без апи не получится

[Павел]

просто с апи так сложно , я не разобрался , может какой нибудь простой способ есть или генератор какой нибудь? Просто карта и выключенный зум колесиком.