chore: generate messages following map creation

Also, reuse the `U` global namespace for `MAP`.

umap/templates/umap/map_detail.html

@@ -24,5 +24,4 @@
   {% block map_init %}
     {% include "umap/map_init.html" %}
   {% endblock map_init %}
-  {% include "umap/map_messages.html" %}
 {% endblock content %}

umap/templates/umap/map_init.html

@@ -2,9 +2,16 @@
 <div id="map"></div>
 <!-- djlint:off -->
 <script defer type="text/javascript">
-  let MAP
   window.addEventListener('DOMContentLoaded', (event) => {
-    MAP = new U.Map("map", {{ map_settings|notag|safe }});
+    U.MAP = new U.Map("map", {{ map_settings|notag|safe }})
-  });
+    {% for m in messages %}
+      {# We have just one, but we need to loop, as for messages API #}
+      U.MAP.ui.alert({
+        content: "{{ m }}",
+        level: "{{ m.tags }}",
+        duration: 100000
+      })
+    {% endfor %}
+  })
 </script>
 <!-- djlint:on -->

umap/templates/umap/map_messages.html

@@ -1,12 +0,0 @@
-<script type="text/javascript">
-  window.addEventListener('DOMContentLoaded', (event) => {
-    {% for m in messages %}
-    {# We have just one, but we need to loop, as for messages API #}
-    MAP.ui.alert({
-      content: "{{ m }}",
-      level: "{{ m.tags }}",
-      duration: 100000
-    })
-  {% endfor %}
-})
-</script>