javascript - 禁用点击掩码下方的 javascript 元素

标签 javascript jquery google-maps css

我有以下问题;

我有一个圆圈(用 css3 制作的方形 div),我想在其中放置一个可点击的 Google Maps map 。所以我所做的是;

  • 在我的页面中加载 Google map 元素
  • 将谷歌地图加载到掩码中的 div

-webkit-mask-image: url(../images/maps_mask.png);
-webkit-mask-repeat: no-repeat;

看起来不错!但是当我点击 Angular 落时(由于 mask 而被隐藏)我仍然可以拖动谷歌地图! 我不想要这个!

有没有简单的解决方案?

亲切的问候, 卡尔

最佳答案

您可以尝试捕捉所有落在谷歌地图上的鼠标事件,计算(按位置)点击是否在可见区域之外,如果超出则取消它们。

关于javascript - 禁用点击掩码下方的 javascript 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8741076/

相关文章:

javascript - 许多元素的 jQuery 动画队列

javascript - 如何从 Blender 将模型和相关纹理导入 three.js?

javascript - 在 Jquery 移动表中添加水平滚动?

javascript - 从谷歌地图检索坐标

javascript - ChartJs 中具有多个部分的单杠

javascript - Angular 中 2 个导入之间的差异

javascript - 数组长度不返回0

javascript for循环如何计算每四项?

delphi - 是否有技术原因不使用 Delphi 中的 TWebBrowser 查看 Google Earth?

php - 我想要一个 map ,其中包含从用户插入的值以及数据库中的值