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

Question

我有左下角的变焦控制和比例尺。

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

那么如何让比例尺水平放置在变焦控制旁边呢？

Answer 1

您可以通过更改缩放控件的css来完成此操作。默认情况下，屏幕左侧的控件将设置为display:block和float: left，但如果将其添加到css，则缩放应与缩放控件一起显示：

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