Googleマップiframeモバイルでのスクロールを無効にする

モバイルデバイス上でGoogleマップのiframeを無効にすることはできますか？Googleマップiframeモバイルでのスクロールを無効にする

設定は既にスクロール=いいえですが、モバイルでスクロールすると地図が有効になり、アクティブになります。

解決策はありますか？

おかげ

2013-11-09 benedex82

http://stackoverflow.com/questions/7534888/embed-google-maps-on-page-without-overriding-iphone-scroll-behavior – Ludovic

ありがとうございます、これをiframeでどのように使用できますか？ – benedex82

が、私は同様の問題を抱えていたし、このようなものを使用：

<style> 
    .overlay { 
    background:transparent; 
    position:relative; 
    width:640px 
    height:480px; 
    top:480px; 
    margin-top:-480px;} 
</style> 

<html> 
    <div class="overlay" onClick="style.pointerEvents='none'"></div> 
    <iframe src="https://mapsengine.google.com/map/embed?mid=some_map_id" width="640" height="480"></iframe> 
</html>

をdivがそれになってからポインタイベントを防止し、マップをカバーしています。 divをクリックすると、ポインタイベントに対して透明になり、マップがアクティブになります。

出典

2014-01-21 17:37:39 vamin

またはstyle = "pointer-events：none"でiframeをスタイルするだけです – bleuscyther

Googleマップiframeモバイルでのスクロールを無効にする

答えて

関連する問題