小叶控件水平

Question

我在地图中放置传单控件有问题。我想横向放置控件但我不知道它是否可能在Leaflet中？有没有解决办法呢？

Answer 1

leaflet-control css类看起来像这样：

.leaflet-control {
    float: left;
    clear: both;
    }

clear: both是使控件低于对方的原因。为了防止某个控件出现这种情况，只需在该控件的CSS类上设置clear:none，假设该控件具有您可以访问的特定CSS类。

Answer 2

Leaflet控件是HTML和CSS：使用你的web developer extensions，找到它们的类和ID，然后编写CSS，以水平排列重新定位它们。

Answer 3

打开leaflet.css，你有＆＃34; .leaflet-bar a，.leaflet-bar a：hover＆＃34;在那里。您可以使用这些CSS值。例如add float：left;它们将水平对齐。根据传单版本，查找第228行或其周围。

Answer 4

我发现你必须进入每个控件并自定义css和位置，以及.leaflet-top.leaflet-left。您可以在此处查看我们在OVRDC中使用的示例 - https://getbounds.com/blog/a-modern-leaflet-toolbar。我真的想创建一个水平控件插件，你可以在其中添加新的控件，或者一组控件或其他东西，但还没有找到它。

水平工具栏图片：