Crude spherical photos

webgis/index.html

@@ -6,6 +6,15 @@
     <link rel="stylesheet" href="../css/app.css" />
     <link rel="stylesheet" href="js/vendor/spotlight.js/dist/css/spotlight.min.css" />
     <link rel="stylesheet" href="js/vendor/@kalisio/leaflet-graphicscale/dist/Leaflet.GraphicScale.min.css" />
+    <link rel="stylesheet" href="js/vendor/@photo-sphere-viewer/core/index.css" />
+    <script type="importmap">
+    {
+        "imports": {
+        "three": "./js/vendor/three/build/three.module.js",
+        "@photo-sphere-viewer/core": "./js/vendor/@photo-sphere-viewer/core/index.module.js"
+        }
+    }
+    </script>
     <script src="js/vendor/leaflet/dist/leaflet.js"></script>
     <script src="js/vendor/@kalisio/leaflet-graphicscale/dist/Leaflet.GraphicScale.min.js"></script>
     <script src="js/index.js" type="module"></script>
@@ -156,5 +165,13 @@
         </div>
         <button class="modal-close is-large" aria-label="close"></button>
     </div>
+    <!-- Spherical photo modal -->
+    <div class="modal" id="spherical-modal">
+        <div class="modal-background"></div>
+        <div class="modal-content has-background-white" style="min-height: 95vh;">
+            <div id="pano-viewer"></div>
+        </div>
+        <button class="modal-close is-large" aria-label="close"></button>
+    </div>
 </body>
 </html>