diff options
| author | schneefux <schneefux+commit@schneefux.xyz> | 2016-10-23 19:04:00 +0200 |
|---|---|---|
| committer | schneefux <schneefux+commit@schneefux.xyz> | 2016-10-23 19:04:00 +0200 |
| commit | e131385d30dbc2d74a8a18651431a6e49173810c (patch) | |
| tree | 9399fb5bc0bfb8a32d7d757dd1e54d24d9cde61f | |
| parent | 464cce29a2e04e508a39cf9e68da4458d53873f8 (diff) | |
| download | pragblog-e131385d30dbc2d74a8a18651431a6e49173810c.tar.gz pragblog-e131385d30dbc2d74a8a18651431a6e49173810c.zip | |
show a map loader
| -rw-r--r-- | layouts/shortcodes/map.html | 15 |
1 files changed, 15 insertions, 0 deletions
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> |