캔버스 아래 Google지도 클릭

Question

이 페이지는 저에게 까다로워요. 제대로 작동하는 내 페이지에 Google지도가 있습니다. 캔버스 위에 있습니다. Google지도를 클릭 할 수 있도록해야합니다. 캔버스를 클릭하면지도가 정상적으로 작동합니다. pointer-events:none; 속성을 추가했습니다. Firefox, Chrome 및 IE11에서 제대로 작동합니다. 하지만 제 요구 사항은 복제가 불가능한 와드의 IE9에서 클릭 가능하도록해야합니다. 그렇게하는 방법?

아무도 피들에서 동작을 복제 할 수 있다면, 그것은 나에게 정말로 도움이 될 것입니다.

Answer 1

포인터 이벤트 시뮬레이션 오래된 jQuery를 해킹있다 : $(this).hide();

:

• 캔버스 숨기기

  는 캔버스와 클릭 처리기의 클릭 이벤트를 수신은

• 클릭 한 xy : var $map=$(document.elementFromPoint(event.clientX,event.clientY);에서 요소를 가져올 문서를 요청합니다 (clientX/Y를지도/캔버스 요소의 오프셋으로 조정).지도가 귀하의 유일한 요소 인 경우 캔버스에서 앱의 시작 부분에 $ map을 정의하고이 단계를 피할 수 있습니다.

• 트리거 구글지도에 동일한 이벤트 : $(this).show();

: $map.trigger(event);

캔버스를 다시 표시