У меня есть листовка, работающая на сервере Django python с Leaflet в качестве установленного приложения. Несмотря на то, что я вручную загрузил элемент управления grouplet-group и скопировал его файлы css и js в мой каталог Django 'stati c', движок javascript продолжает искать в 'src / stati c каталог, который не существует. Поэтому, если я пытаюсь использовать L.control.groupedLayers, я получаю ошибку «неспособен загрузить контент». Мой контент выглядит так:
<head>
<!-- Required meta tags for Bootstrap -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
{% leaflet_js %}
{% leaflet_css %}
<title>Home</title>
<style media= "screen" type="text/css">
#map { width:100%; height:650px;}
.dropdowns_container { text-align: center;}
.info {
padding: 6px 8px;
font: 14px/16px Arial, Helvetica, sans-serif;
background: white;
background: rgba(255,255,255,0.8);
box-shadow: 0 0 15px rgba(0,0,0,0.2);
border-radius: 5px;
}
.info h4 {
margin: 0 0 5px;
color: #777;
}
</style>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<link rel="stylesheet" type="text/css" href="{% static 'leaflet-groupedlayercontrol/leaflet.groupedlayercontrol.min.css' %}"/>
<link rel="stylesheet" type="text/css" href="{% static 'leaflet-legendcontrol/leaflet-legend.css' %}"/>
<!-- Include the multiselect plugin's CSS and JS: -->
<script type="text/javascript" src="{% static 'bootstrap-multiselect-master/dist/js/bootstrap-multiselect.js' %}"></script>
<link rel="stylesheet" href="{% static 'bootstrap-multiselect-master/dist/css/bootstrap-multiselect.css' %}" type="text/css"/>
<script type="text/javascript" src="{% static 'dist/leaflet.ajax.js' %}"></script>
<script type="text/javascript" src="{% static 'leaflet-legendcontrol/leaflet-legend.js' %}"></script>
<script type="text/javascript" src="{% static 'leaflet-groupedlayercontrol/leaflet.groupedlayercontrol.min.js' %}"></script>
<script src="https://unpkg.com/geotiff@0.4.1/dist/geotiff.browserify.js"></script>
<script src="https://unpkg.com/plotty@0.2.0/src/plotty.js"></script>
<script type="text/javascript" src="{% static 'leaflet-geotiff-master/leaflet-geotiff.js' %}"></script>
<!-- Load any renderer you need -->
<script type="text/javascript" src="{% static 'leaflet-geotiff-master/leaflet-geotiff-plotty.js' %}"></script>
<script type="text/javascript" src="{% static 'leaflet-geotiff-master/leaflet-geotiff-vector-arrows.js' %}"></script>
<script src='https://npmcdn.com/@turf/turf/turf.min.js'></script>