about summary refs log tree commit diff
path: root/bh20simplewebuploader/templates/demo.html
diff options
context:
space:
mode:
Diffstat (limited to 'bh20simplewebuploader/templates/demo.html')
-rw-r--r--bh20simplewebuploader/templates/demo.html27
1 files changed, 25 insertions, 2 deletions
diff --git a/bh20simplewebuploader/templates/demo.html b/bh20simplewebuploader/templates/demo.html
index 2e290c6..3a80abf 100644
--- a/bh20simplewebuploader/templates/demo.html
+++ b/bh20simplewebuploader/templates/demo.html
@@ -1,10 +1,30 @@
 <!DOCTYPE html>
 <html>
   {% include 'header.html' %}
+
+  <link rel="stylesheet" href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css"
+        integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ=="
+        crossorigin=""/>
+  <link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster@1.4.1/dist/MarkerCluster.css"
+        integrity="sha512-RLEjtaFGdC4iQMJDbMzim/dOvAu+8Qp9sw7QE4wIMYcg2goVoivzwgSZq9CsIxp4xKAZPKh5J2f2lOko2Ze6FQ=="
+        crossorigin=""/>
+  <link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster@1.4.1/dist/MarkerCluster.Default.css"
+        integrity="sha512-BBToHPBStgMiw0lD4AtkRIZmdndhB6aQbXpX7omcrXeG2PauGBl2lzq2xUZTxaLxYz5IDHlmneCZ1IJ+P3kYtQ=="
+        crossorigin=""/>
+
+  <script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.js"
+          integrity="sha512-gZwIG9x3wUXg2hdXF6+rVkLF/0Vi9U8D2Ntg4Ga5I5BZpVkVxlJWbSQtXPSiUTtC0TjtGOmxa1AJPuV0CPthew=="
+          crossorigin=""></script>
+  <script src="https://unpkg.com/leaflet.markercluster@1.4.1/dist/leaflet.markercluster.js"
+          integrity="sha512-MQlyPV+ol2lp4KodaU/Xmrn+txc1TP15pOBF/2Sfre7MRsA/pB4Vy58bEqe9u7a7DczMLtU5wT8n7OblJepKbg=="
+          crossorigin=""></script>
+
+
   <body>
     {% include 'banner.html' %}
     {% include 'menu.html' %}
     {% include 'search.html' %}
+
     <p>The Virtuoso database contains <span id="CounterDB"></span> public sequences!</p>
 
     <section class="search-section">
@@ -26,14 +46,14 @@
     </div>
 
     <section id="map_view" class="invisible">
-      <div id="map"></div>
+      <div id="mapid"></div>
     </section>
 
     <section>
       <div id="table"></div>
     </section>
 
-    {% include 'footer.html' %}
+ {% include 'footer.html' %}
 
     <script type="text/javascript">
       let scriptRoot = {{ request.script_root|tojson|safe }}; // examples
@@ -50,7 +70,10 @@
               });
       });
 
+     drawMap()
+
     </script>
+
   </body>
 
 </html>