@panoramax/web-viewer
Version:
Panoramax web viewer for geolocated pictures
57 lines (54 loc) • 1.22 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 Web Viewer</title>
<style>
#viewer {
position: relative;
width: 95%;
margin: 2.5%;
height: 400px;
}
#viewer.fullpage {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: unset;
width: unset;
margin: 0;
}
</style>
</head>
<body>
<noscript>
You need to enable JavaScript to run this app.
</noscript>
<pnx-viewer
id="viewer"
class="fullpage"
map-options='{
raster: {
type: "raster",
tiles: [
"https://data.geopf.fr/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=ORTHOIMAGERY.ORTHOPHOTOS&STYLE=normal&FORMAT=image/jpeg&TILEMATRIXSET=PM_0_19&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}"
],
minzoom: 0,
maxzoom: 19,
attribution: "© IGN",
tileSize: 256
}
}'
></pnx-viewer>
<script src="./servers.js"></script>
<script>
window.onload = () => {
var viewer = document.getElementById("viewer");
viewer.setAttribute("endpoint", server);
};
</script>
</body>
</html>