Google maps iframe disable scrolling touch on mobi

2019-04-07 04:54发布

站内问答 / 移动开发
838 1 6

Can I deactivate the google maps iframe when i'm on a mobile device?

Settings are already with scrolling=no, but when I scroll on mobile the map is activated and become active.

Is there a solution?

Thanks

1条回答
再贱就再见
2楼-- · 2019-04-07 05:22

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 covers the map, preventing pointer events from getting to it. If you click on the div, it becomes transparent to pointer events, activating the map.

查看更多
0人赞 添加讨论(0) 举报
登录 后发表回答
相关问题
查看全部
相关文章
查看全部
收藏的人(6)