Как отключить прокруту встроенной в сайт гугл-карты на телефонах?

Question

[Tenebrius]

Есть гугл-карта на сайте, встроенная через стандартный iframe. Как сделать, чтобы на тач-устройствах прокручивалась не карта, а вся страница?

<iframe src="https://www.google.com/maps/embed?..." 
width="100%" height="450" 
frameborder="0" style="border:0" allowfullscreen></iframe>

Answer 1

[yesworld]

Если используешь Api goole, то нужно отключать скролл через опции, при инициализации карты.

Если же карта созданная через конструктор и грузится в iframe, то вырубаешь стилем действия мыши:

iframe {
pointer-events: none;
}

На сам айфрем навешиваешь обработчик клика, который при клике меняет css.

$('iframe').click(function(){
 $(this).css('pointer-events','auto');
})

Answer 2

[entermix]

Вот так:
scrollwheel: false

Comments

[Tenebrius]

В общем, код в вопросе. Куда добавлять-то?

[entermix]

Tenebrius: а, немножко неправильно понял ваш вопрос, тогда такие варианты:
1) Сделать карту на JS при помощи Google Maps API и использовать параметр scrollwheel (www.paulund.co.uk/disable-scroll-wheel-zoom-on-goo...
2) Поставить прозрачный блок на карту, как предлагают тут: Как сделать неактивным скроллинг на карте, вставленную через iframe (от google)?

[entermix]

Tenebrius: stackoverflow.com/questions/21992498/disable-mouse...

[Tenebrius]

Думал, насчет прозрачного блока, думал есть более правильное решение.