在傳單中自定義屬性

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;
}