Google Map overlay to disable scrolling doesn't work in Safari

Sunday, May 4, 2014

I'm embedding a Google Map Lite map into my website and am looking to disable the scrolling feature. I found a good solution on here to make a transparent overlay that goes directly over the map (see html and css below). It works great in Chrome and Firefox, however in Safari there is just white space where the map should be. Is there a solution to this?

<div class="overlay" onClick="style.pointerEvents='none'"></div>
<iframe src="" width="640"

.overlay {
height:480px; /* your iframe height */
top:480px; /* your iframe height */
margin-top:-480px; /* your iframe height */

Thank you for your help!