Javascript Html输入图像类型位于maplayer下

关于如何解决html输入（图像类型）问题的任何建议， 它用于在单击时显示div（具有id=“map”）的全屏，如果再次单击，则返回正常。 它可以在不添加映射的情况下正常工作，但是当通过在就绪状态下调用函数init（）来添加映射时，它将无法工作，输入类型将位于映射之下

下面是一个工作示例：。请对init（）函数调用进行注释，这样您就可以看到它在不添加映射的情况下运行良好

感谢您的指导和帮助

设置z索引

<input id="btn-full-screen" style="z-index:9999;" title="Full Screen" class="btn-full-screen" type="image" src="img/fullscreen-en.png" alt="settings"/>

---

工作示例：

尝试设置输入按钮的

z-index

属性

将按钮css更改为：

.btn-full-screen {
    background-color: Gray;
    border-style: solid;
    border-width: 1px;
    bottom: 0;
    height: 3%;
    position: absolute;
    right: 0;
    width: 3%;
    z-index: 9999;
}

---

它不显示地图的全屏，你说的全屏是什么意思？它的工作原理与init（）被注释掉时类似。页面右侧有一个紫色，我想做的是将地图显示为全屏。您可以检查@Sandeep G B示例，地图不适合全屏。这是您提供的源代码中存在的另一个问题。此解决方案不会改变任何其他内容，只是将按钮置于其他元素之上；至$（“#btn全屏”）结尾。单击函数