Geek Answers Handbook

Google maps iframe disables scrolling on mobile

Is it possible to deactivate google iframe maps when I'm on my mobile device?

Settings already have scrolling = no , but when I scroll on my mobile, the map is activated and becomes active.

Is there a solution?

thanks

+7
mobile google-maps iframe
source share
1 answer

I had a similar problem and used something like this:

<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>

The div spans the map, preventing pointers from hitting it. If you click on the div, it will become transparent to pointer events, activating the map.

+7
source share

More articles:


All Articles