Fix leaflet config interference

config/leaflet.py

@@ -0,0 +1,36 @@
+# Leaflet config: variable "LEAFLET_CONFIG" moved from settings.py to here
+# since it conflicts with other apps using django-leaflet package.
+# The leaflet config is now served via views.MapView() (uses settings override
+# feature of django-leaflet)
+# Related issue: https://github.com/rl-institut/WAM/issues/74
+
+LEAFLET_CONFIG = {
+    'TILES': [('Streets', 'https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw',
+               {'attribution': '&copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>',
+                'id': 'mapbox.streets',
+                'maxZoom': 100,
+                'minZoom': 9,
+                }
+               ),
+              ('OSM B&W', 'http://{s}.www.toolserver.org/tiles/bw-mapnik/{z}/{x}/{y}.png',
+               {'attribution': '&copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>',
+                'minZoom': 9,
+                }
+               ),
+              ('OSM', 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
+               {'attribution': '&copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>',
+                'minZoom': 9,
+                }),
+              ('OpenTopoMap', 'http://{s}.tile.opentopomap.org/{z}/{x}/{y}.png',
+               {'attribution': 'Data: &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, Display: &copy <a href="http://opentopomap.org">OpenTopoMap</a> <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>',
+                'minZoom': 9,
+                })
+              ],
+    # Germany center (center = long/2 and lat/2)
+    'DEFAULT_CENTER': (53.4554, 9.6211),
+    'DEFAULT_ZOOM': 10,
+    'MIN_ZOOM': 3,
+    'MAX_ZOOM': 1000,
+    'RESET_VIEW': False,
+    'NO_GLOBALS': False,
+}

settings.py

@@ -4,35 +4,3 @@
 
 # List here the javascript packages needed for this app
 INSTALLED_APPS = ['leaflet']
-LEAFLET_CONFIG = {
-    # conf here
-
-    'TILES': [('Streets', 'https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw',
-               {'attribution': '&copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>',
-                'id': 'mapbox.streets',
-                'maxZoom': 100,
-                'minZoom': 9,
-                }
-               ),
-              ('OSM B&W', 'http://{s}.www.toolserver.org/tiles/bw-mapnik/{z}/{x}/{y}.png',
-               {'attribution': '&copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>',
-                'minZoom': 9,
-                }
-               ),
-              ('OSM', 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
-               {'attribution': '&copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>',
-                'minZoom': 9,
-                }),
-              ('OpenTopoMap', 'http://{s}.tile.opentopomap.org/{z}/{x}/{y}.png',
-               {'attribution': 'Data: &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, Display: &copy <a href="http://opentopomap.org">OpenTopoMap</a> <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>',
-                'minZoom': 9,
-                })
-              ],
-    # Germany center (center = long/2 and lat/2)
-    'DEFAULT_CENTER': (53.4554, 9.6211),
-    'DEFAULT_ZOOM': 10,
-    'MIN_ZOOM': 3,
-    'MAX_ZOOM': 1000,
-    'RESET_VIEW': False,
-    'NO_GLOBALS': False,
-}

templates/WAM_APP_FRED/test_map_layout.html

@@ -197,7 +197,7 @@ <h2 class="tabs-title__head">Feedin-Time Series</h2>
                 <i class="icon ion-android-options"></i>
               </button>
 
-              {% leaflet_map "map" callback="window.map_init_basic" %}
+              {% leaflet_map "map" callback="window.map_init_basic" settings_overrides=leaflet_config%}
 
             </div>
           </main>

views.py

@@ -1,5 +1,5 @@
 from django.shortcuts import render
-
+from WAM_APP_FRED.config.leaflet import LEAFLET_CONFIG
 # Create your views here.
 
 
@@ -8,4 +8,8 @@ def fred_map(request):
 
 
 def webgui_test(request):
-    return render(request, 'WAM_APP_FRED/test_map_layout.html')
+    return render(
+        request,
+        'WAM_APP_FRED/test_map_layout.html',
+        context={'leaflet_config': LEAFLET_CONFIG}
+    )