2017-06-20 69 views
1

我想將自定義容器添加到小冊子。該容器將包含編輯控件,並將用作一種屬性編輯器來自定義地圖(標記顏色,縮放級別,折線顏色等)。當用戶點擊位於地圖上的「設置」按鈕時,將顯示該面板。如何在小冊子中創建自定義設置控件

有沒有這個Leaflet插件?

我也看過如何實現custom controls,但我真的不清楚如何實現這一點。特別是在我看來,我只能使用JavaScript和DOM操作(並且沒有直接的HTML標記)來創建自定義控件。

有人可以幫我引導控制嗎?謝謝!

編輯

所以我試圖創建由單個複選框「控制」爲遵循一個非常簡單的容器:

L.Control.SettingsPanel = L.Control.extend({ 
    onAdd: function(map){ 
    var checkbox = L.DomUtil.create('input'); 
    checkbox.setAttribute("type", "checkbox"); 
    checkbox.style.width = '200px'; 
    return checkbox; 
    } 

}); 

L.control.settingsPanel = function(opts){ 
    return new L.Control.SettingsPanel(opts); 
} 
+1

參考http://danielmontague.com/projects/easyButton.js/v1/examples/ –

+0

你知道https://github.com/turbo87/sidebar-v2/嗎? –

+0

@Julien V這正是我正在尋找的:)如果你添加你的評論作爲答案,我會接受它 – BigONotation

回答

1

sidebar v2傳單插件可能是你在找什麼。

相關問題