djangoリーフレット - HTMLページのボタンのコントロールを追加/削除する

Question

現在、ジャンゴリーフレットとリーフレット描画コントロールを使用しています。トグルボタンなどの特定のイベントで描画コントロールを使用可能にする（マップに追加する）ようにします。私はhtmlファイルからの私map.js外部を持っていると私は（ジャンゴ・リーフレットに指示されるように）これだけの行で私のテンプレートでこれを呼び出す

$("#mode").on("click", function() { 

    if(document.getElementById('mode').checked) { 
     $("#save").removeClass("hidden"); 
     alert("Edit Mode"); 
     //event where I want to add controls to map 
     //map.addControl(drawControl); 

     } else { 
     $("#save").addClass("hidden"); 
     alert("View Mode"); 
     //event where I want to remove controls from map 
     //map.removeControl(drawControl); 
    } 
}); 

：私は現在、単純なjQueryの骨格を持つ

：

{% leaflet_map "mapdiv" callback="leafletinit" %} 

注：私はまた、同じページ上で利用可能drawControl変数を含めることを試みたが、私はそれを正しくやっている、それが読み込まないよう私のmap.jsが正しく読み込まれている...とは思いませんマップと直進のコントロールなしのイベントビューなし

Answer 1

あなたはdjangoなしで試しましたか？

単に追加：

<Div id = 'map'> </ div> 

Var map = L.map ('map') 

それはリーフレットに来たとき、私はジャンゴでテンプレート変数を設定したことがありません。私は最高のための共通の "リーフレットのjavascript"の方法を保つ！

特に、リーフレットにいくつかのアドオン/プラグイン/拡張機能を追加する場合。

Djangoが好きな人は、テンプレート全体（html）を公開できたらいいですね！