点击画布下方的Google地图

时间:2014-04-07 04:59:03

标签: html html5 google-maps canvas html5-canvas

这个对我来说变得棘手。我的页面中有谷歌地图正常工作,上面是画布。我需要点击谷歌地图。当我点击画布时,地图应该正常运行。我添加了pointer-events:none;属性。它在Firefox,Chrome和IE11中正常工作。 但是我的要求是我需要在病房的IE9中点击它,这是无法复制的。怎么做?

如果任何人可以在小提琴中复制这种行为,那对我来说真的很有帮助。

1 个答案:

答案 0 :(得分:0)

这是一个模拟指针事件的旧jQuery hack:

在画布上和点击处理程序中侦听点击事件:

  • 隐藏画布:$(this).hide();

  • 要求文档在单击的xy中获取元素:var $map=$(document.elementFromPoint(event.clientX,event.clientY);(通过地图/画布元素的任何偏移调整clientX / Y)如果地图是画布下的唯一元素,则可以在应用开始时定义$ map并避免此步骤。

  • 在Google地图上触发相同的事件:$map.trigger(event);

  • 重新显示画布:$(this).show();