X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fjs%2Fcomponents%2Fmap%2FOpenSeadragon.js;h=36ddec1ce4c0685ba471ce101b4913c04f503cf3;hb=24489254a5d05efd6fe7dceb2cffe5fdb49ab7b7;hp=52c0506b13fc8ffa89214431562cde8158c29417;hpb=f0ca8caa3db00bedbf2b992d3d72b401bf353689;p=alttp.git

diff --git a/resources/js/components/map/OpenSeadragon.js b/resources/js/components/map/OpenSeadragon.js
index 52c0506..36ddec1 100644
--- a/resources/js/components/map/OpenSeadragon.js
+++ b/resources/js/components/map/OpenSeadragon.js
@@ -97,9 +97,25 @@ export const Provider = React.forwardRef(({ children }, ref) => {
 					maxLevel: 14,
 					tilesUrl: '/media/alttp/map/uw_files/',
 					fileFormat: 'png',
+				}), new OpenSeadragon.DziTileSource({
+					width: 16384,
+					height: 3072,
+					tileSize: 256,
+					tileOverlap: 0,
+					minLevel: 8,
+					maxLevel: 14,
+					tilesUrl: '/media/alttp/map/uw2_files/',
+					fileFormat: 'png',
 				}),
 			],
 		});
+		v.addHandler('canvas-nonprimary-press', e => {
+			if (e.button === 3) {
+				navigate(-1);
+			} else if (e.button === 4) {
+				navigate(1);
+			}
+		});
 		setViewer(v);
 		return () => {
 			v.destroy();
@@ -121,6 +137,9 @@ export const Provider = React.forwardRef(({ children }, ref) => {
 			case 'uw':
 				viewer.goToPage(3);
 				break;
+			case 'uw2':
+				viewer.goToPage(4);
+				break;
 		}
 		const controller = new AbortController();
 		axios.get(`/api/markers/${activeMap}`, {