django传单 - 添加/删除HTML页面上的控件按钮点击

django传单 - 添加/删除HTML页面上的控件按钮点击

问题描述:

我目前使用的是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被正确加载,因为它不加载地图和直接向前没有事件视图上的控件

您是否尝试过没有django?

简单地增加:

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

Var map = L.map ('map') 

我从来没有设置模板变量在Django,当它来到传单。我保持最佳的常见“传单javascript”方式!

特别是当它为Leaflet添加一些插件/插件/扩展。

如果你更喜欢Django,如果你可以发布你的整个模板(html),这将是一件好事!