@panoramax/web-viewer
Version:
Panoramax web viewer for geolocated pictures
49 lines (46 loc) • 1.12 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 Editor</title>
<style>
#editor {
position: relative;
width: 95%;
margin: 2.5%;
height: 400px;
}
#editor.fullpage {
position: fixed;
inset: 0;
height: unset;
width: unset;
margin: 0;
}
</style>
</head>
<body>
<noscript>
You need to enable JavaScript to run this app.
</noscript>
<pnx-editor
id="editor"
class="fullpage"
endpoint="https://panoramax.openstreetmap.fr/api"
sequence="ecfe4b2c-0acd-4d3a-a10d-c3e6818755c8"
picture="329af5c6-4761-4a6d-9c1e-674fd6daa8b6"
background="aerial"
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_21&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}"
],
minzoom: 0,
maxzoom: 21,
attribution: "© IGN",
tileSize: 256
}'
></pnx-editor>
</body>
</html>