django sheetlet - добавление/удаление элементов управления на странице HTML-страницы нажатием кнопки

Question

В настоящее время я использую элементы управления django-leaflet и leaflet-draw. Я хочу сделать доступные элементы управления рисованием (добавить на карту) на определенное событие, такое как кнопка переключения.

настоящее время у меня простой 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-файла, и я называю это в моем шаблоне только с этой линией (как указано в Джанго-листовка):

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

Примечание: Я также попытался включить переменную drawControl доступны на ту же странице, но я не думаю, что я делаю это правильно ... Мой map.js правильно загружается в это загрузит карта и элементы управления в прямом направлении не видят события

Answer 1

Вы пробовали его без джанго?

Просто добавив:

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

Var map = L.map ('map') 

Я никогда не установить переменную шаблона в Django, когда он пришел к Листовка. Я сохраняю общий «буклет javascript» для достижения наилучшего!

Особенно, когда дело доходит до добавления некоторых дополнений/плагинов/расширений в Листовку.

Если вы предпочитаете Django, было бы хорошо, если бы вы могли опубликовать весь свой шаблон (html)!