Question

我是传单的新手，并在开放街道地图中使用传单路由机进行路由服务。我想自定义默认布局。例如，从API文档中，我可以更改缩放图标的默认位置：

var zoom=L.control.zoom({
        position:'topright',

        }).addTo(map);

但是我想对默认属性进行更多更改，例如内联缩放按钮或更改背景属性。

我尝试从inspect元素中获取div并更改了一些内容，但它非常有限。有什么办法可以完全访问和改变传单中的布局属性吗？

Answer 1

您可以使用除position选项之外的其他逻辑，正如您已经发现的那样。传单缩放控件只不过是以下标记：

<div class="leaflet-control-zoom leaflet-bar leaflet-control">
    <a class="leaflet-control-zoom-in" href="#" title="Zoom in">+</a>
    <a class="leaflet-control-zoom-out" href="#" title="Zoom out">-</a>
</div>

所有样式都是通过CSS完成的，这是您想要自定义的方式。例如，切换到内联并更改背景颜色。

.leaflet-control-zoom a {
    display: inline-block;
    background-color: blue;
}

在传单中定制属性

1 个答案: