将HTML元素放在地图图块上

时间:2017-08-24 04:35:19

标签: javascript ember.js leaflet ember-paper

当我使用ember-leaflet v2.2.7时,HTML元素显示在地图图块上,如下图所示,但在版本3.0.11中,地图位于前面。

ember-leaflet v2.2.7 and v3.0.11

将leaflet-container元素的z-index设置为-1,将地图推到后面但地图不可访问,我的意思是,地图无法放大/缩小或标记的工具提示不是点击时显示。

在v3.0.11中,按钮元素就像是隐藏的,我的意思是当地图图块正在加载时按钮是可见的(见下图)但是当图块被加载时按钮消失但是如果它的位置被点击则与之相关的动作按钮被触发。

map tiles loading

1 个答案:

答案 0 :(得分:0)

如何将按钮的z-index设置为较高的数字?

如1000或10000

.button-class {
   z-index: 10000;
}