Google maps 通过引导网格传递鼠标事件_Google Maps_Dom_Twitter Bootstrap 3_Mouseevent

Google maps 通过引导网格传递鼠标事件

google-maps dom twitter-bootstrap-3

Google maps 通过引导网格传递鼠标事件,google-maps,dom,twitter-bootstrap-3,mouseevent,Google Maps,Dom,Twitter Bootstrap 3,Mouseevent,我试图在一个完整的google地图控件上添加一个引导容器，但是我无法通过容器将鼠标事件传递到下面的地图。我的设置看起来像这样 <body onload="initialize()"> <div id="map-canvas"></div> <div class="navbar navbar-default navbar-fixed-top" role="navigation"> ***content in here*

我试图在一个完整的google地图控件上添加一个引导容器，但是我无法通过容器将鼠标事件传递到下面的地图。我的设置看起来像这样

<body onload="initialize()">
  <div id="map-canvas"></div>       

  <div class="navbar navbar-default navbar-fixed-top" role="navigation">
    ***content in here***
  </div> 

  <div class="container">
    <div class="row">
      <div class="col-md-5 col-sm-6 col-xs-12">
          ***content in here***
      </div> <!--column 1 -->

      <div class="col-md-5  col-sm-6 col-xs-12 pull-right">
          ***content in here***
      </div> <!--column 2-->
    </div> <!--row 1-->

    <div class="row">
      <div class="col-md-5 col-sm-6 col-xs-12">
        ***content in here***
      </div>
    </div> <!--row 2-->
    </div>
</body>


***这里的内容***
***这里的内容***
***这里的内容***
***这里的内容***

我希望我可以在地图控件上定位内容，同时仍然允许下面的画布接收网格中不存在内容的鼠标事件，例如，在中等显示的情况下，第2行第6列到第12列

作为测试，我尝试在容器上使用“指针事件：无；”，但事件仍然无法通过。我的退路是简单地使用css定位，但是我更喜欢使用引导（用于响应性支持）

是否有通过引导网格将事件传递到底层元素的方法？

我使用“指针事件”解决了这个问题。在Mac上检查（Safari、Chrome和Firefox）

所有的魔力都在这里：

.overmap {
  position: absolute;
  top: 100px;
  left: 50px;
  pointer-events: none;
}

.container .full {
  background-color: #ffffff;
  pointer-events: fill;
}

请查看演示（中间的一栏是将事件传递给地图）：如果有任何问题，请告诉我。

您可以在jsfiddle.net或jsbin.com或bootply.com中使用CSS/Js显示演示吗？谢谢，效果很好。我忽略了绝对位置设置的必要性，但我仍然不清楚为什么需要它。洞察力