Cordova/Ionic2本地地图：触摸地图顶部的div“；流血通过；

我的地图上方有一个div作为菜单。当我触摸地图时，它会“流血”，就像我触摸了地图本身一样。我似乎找不到地图属性来修复此问题。我也不能和最上面的div互动。这就像地图的位置在

zIndex:0

处可见，但它占据了所有可能的索引

这是我的密码：

TS/JS

HTML

---

当地图上方有元素时，应将其设置为不可单击（）：

这是有记录的

要使div可单击，请将其放在map元素中。插件将监视div并确保它是可点击的

不过，我注意到的一件事是，如果动态显示或隐藏div，插件并不总是拾取它，单击会直接进入地图。我可以通过打电话来解决这个问题：

this.map.refreshLayout();

每当我显示/隐藏覆盖div

---

或者，您可以按照Schlaus的建议进行操作，并调用

map.setClickable（false）

，但在您的情况下，这似乎不适合您，因为您仍然希望地图可以单击。

如果我希望div始终显示在屏幕上，该怎么办？它只是部分覆盖了屏幕

<div id="test"></div>
<div id="map"></div>

#test
{
  position: absolute;
  top: 25%;
  left: 25%;
  height: 50%;
  width: 50%;
  background: red;
}
#map
{
  height: 100%;
}

//Before showing your overlaying div:
map.setClickable(false);

this.map.refreshLayout();