如何删除放大和缩小传单地图留下 gps 图标

How to remove zoom in and out on leaflet map leaving gps icon


我想在桌面上显示放大和缩小图标(控件),而仅在移动设备上浏览时显示 gps 图标。 我正在使用这个 css https://unpkg.com/leaflet@1.1.0/dist/leaflet.css 当我禁用 css 中的控件时,所有控件图标都会消失。

假设缩放的 HTML class 是 .leaflet-zoom-box,而您对 CSS 和 HTML 了解不多,

一个非常基本的修复方法是将其添加到 CSS:

.leaflet-zoom-box 部分
.leaflet-zoom-box {
    display: none;
}

这样基本不显示了,但是还是可以点击的

要真正删除它,请进入包含代码的 HTML 文件,查找 div.leaflet-zoom-box 所在的任何容器,然后将其全部删除代码。

不过请注意,这样做可能会破坏页面上其他项目的对齐方式,因此请务必先备份再尝试。

希望我有所帮助!

正如所指出的 here 有一个选项:

var map = new L.Map('map', { zoomControl:false });