如何使 Leaflet 控件水平堆叠而不是垂直堆叠？

Question

我的左下角有缩放控件和比例尺。

我遇到的问题是，当我的地图在移动设备上旋转时，它们与左上角的自定义控制面板重叠。

那么如何使比例尺水平位于缩放控件旁边呢？

Answer 1

您可以通过更改比例控件的 css 来做到这一点。默认情况下，屏幕左侧的控件将样式为display:block和float: left，但如果将其添加到 css 中，则比例应与缩放控件内联显示：

.leaflet-left .leaflet-control-scale {
  display: inline-block;
  float: none;
}