@panoramax/web-viewer
Version:
Panoramax web viewer for geolocated pictures
65 lines (60 loc) • 2.14 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<title>Panoramax JS Library</title>
<style>
body {
font-family: sans-serif;
text-align: center;
}
.allViews {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
align-items: flex-start;
gap: 10px;
}
.oneView {
text-align: center;
flex: 1;
min-width: 400px;
}
iframe {
width: 100%;
height: 300px;
border: none;
}
</style>
</head>
<body>
<noscript>
You need to enable JavaScript to run this app.
</noscript>
<h1>Panoramax JavaScript Client</h1>
<p>Panoramax JS library offers different views to suit your needs.<br />You can also give a look at the <a href="./widgets.html">widgets test page</a>.</p>
<div class="allViews">
<div class="oneView">
<h2>Viewer</h2>
<p>General-purpose map and picture display.<br /><a href="./viewer.html">Full page</a> | <a href="https://viewer.geovisio.fr/docs/reference/components/core/Viewer/">Docs</a></p>
<iframe src="./viewer.html?server=meta"></iframe>
</div>
<div class="oneView">
<h2>Photo Viewer</h2>
<p>Picture-only display.<br /><a href="./photo.html">Full page</a> | <a href="https://viewer.geovisio.fr/docs/reference/components/core/PhotoViewer/">Docs</a></p>
<iframe src="./photo.html?server=meta"></iframe>
</div>
<div class="oneView">
<h2>Coverage Map</h2>
<p>A map-only view, to locate sequences and pictures.<br /><a href="./map.html">Full page</a> | <a href="https://viewer.geovisio.fr/docs/reference/components/core/CoverageMap/">Docs</a></p>
<iframe src="./map.html"></iframe>
</div>
<div class="oneView">
<h2>Editor</h2>
<p>A map and picture view, focused around metadata editing.<br /><a href="./editor.html">Full page</a> | <a href="https://viewer.geovisio.fr/docs/reference/components/core/Editor/">Docs</a></p>
<iframe src="./editor.html"></iframe>
</div>
</div>
</body>
</html>