リーフレットレイヤーグループとレイヤーコントロールにカスタムHTMLを追加することは可能ですか？

Question

カスタムHTMLをレイヤーグループとレイヤーコントロールに挿入する方法はありますか？

私たちのアプリケーションでは、不透明度の設定を調整するためのスライダ（入力：範囲）を実装しました。コントロールコンテナ内のベースレイヤ用の専用スライダが意味をなされるようになっています。このコントロールを変更するオプションやパラメータがありません：

existing layer group control

理想的には、（このグループ内のカスタムスライダとレイヤコントロールを作成したい、明らかに私たちの「ベース層」コントロールグループは、単一のセットに制限されていますレイヤーオプション）：

example of what we'd like to achieve

は、任意のヘルプをありがとう！

Answer 1

デフォルトコードではありません。

ただし、追加機能のビット、例えば：

L.Control.Layers.WithSomethingExtra = L.Control.Layers.extend({ 
    _initLayout: function() { 
    L.Control.Layers.prototype._initLayout.call(this); 
    L.DomUtil.create('div', 'leaflet-control-layers-separator', this._form); 
    var myThing = L.DomUtil.create('div', 'some-extra-thing', this._form); 
    myThing.innerHTML = 'My custom thing inside the layers control!!'; 
    } 
}); 

このworking demo hereを参照してくださいを追加し、レイヤーコントロールを拡張し、サブクラスを作成することができます。

これが混乱する場合は、source code for src/control/Control.Layers.jsとLeaflet tutorialsを読んでください。

Answer 2

単にあなたの空のdivのためのユニークなクラス名を作成するとのdocument.createElement（「入力」）でHTMLオブジェクトを追加する非常にエレガントではないかもしれませんが、この例のように、動作しますが：

https://playground-leaflet.rhcloud.com/mogo/1/edit?html,console,output