From e131385d30dbc2d74a8a18651431a6e49173810c Mon Sep 17 00:00:00 2001
From: schneefux <schneefux+commit@schneefux.xyz>
Date: Sun, 23 Oct 2016 19:04:00 +0200
Subject: show a map loader

---
 layouts/shortcodes/map.html | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

(limited to 'layouts/shortcodes/map.html')

diff --git a/layouts/shortcodes/map.html b/layouts/shortcodes/map.html
index 60c42a5..c2f6d11 100644
--- a/layouts/shortcodes/map.html
+++ b/layouts/shortcodes/map.html
@@ -1,4 +1,15 @@
 <div class="section">
+    <div id="loadingmap" class="preloader-wrapper small active" style="left: 45%;">
+        <div class="spinner-layer spinner-blue-only">
+            <div class="circle-clipper left">
+                <div class="circle"></div>
+            </div><div class="gap-patch">
+                <div class="circle"></div>
+            </div><div class="circle-clipper right">
+                <div class="circle"></div>
+            </div>
+        </div>
+    </div>
     <div id="mapview" style="width: 100%; height: 40em;"></div>
     <script type="text/javascript">
         var map,
@@ -123,6 +134,8 @@
                     }
                 });
             }
+            $('#loadingmap').hide();
+            $('#mapview').show();
         }
 
         function showFallback() {
@@ -133,6 +146,8 @@
             console.log('updating fallback map data', [lon, lat, zoom]);
             map.setView([lat, lon], zoom);
             L.marker([lat, lon]).addTo(map);
+            $('#loadingmap').hide();
+            $('#mapview').show();
         }
     </script>
     </div>
-- 
cgit v1.3.1