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

Question

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

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

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

Answer 1

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

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