2017-06-20 6 views
1

リーフレットにカスタムコンテナを追加したいと思います。コンテナには編集コントロールが含まれており、マップをカスタマイズするための一種のプロパティエディタ(マーカーカラー、ズームレベル、ポリラインカラーなど)として使用されます。ユーザーが地図上の「設定」ボタンをクリックすると、パネルが表示されます。リーフレットにカスタム設定コントロールを作成する方法

リーフレットのプラグインはありますか?

私は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リーフレットプラグインはあなたが探しているものかもしれません。

関連する問題