2016-11-13 62 views
1

我目前使用的是django-leaflet和leaflet-draw控件。我想讓繪圖控件可用(添加到地圖)某個事件,如切換按鈕。django傳單 - 添加/刪除HTML頁面上的控件按鈕點擊

我現在有一個簡單的jQuery框架:

$("#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); 
    } 
}); 

我有我的map.js從HTML文件外,我只用這條線(按照指示在Django小葉)稱這在我的模板:

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

注:我也試圖包括可在同一頁面上的drawControl變量,但我不認爲我在做它正確...我map.js被正確加載,因爲它不加載地圖和直接向前沒有事件視圖上的控件

回答

0

您是否嘗試過沒有django?

簡單地增加:

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

Var map = L.map ('map') 

我從來沒有設置模板變量在Django,當它來到傳單。我保持最佳的常見「傳單javascript」方式!

特別是當它爲Leaflet添加一些插件/插件/擴展。

如果你更喜歡Django,如果你可以發佈你的整個模板(html),這將是一件好事!