https://www.aksaray.bel.tr/3d/aksaray_municipality_vr_output_07052025/index.html

1<!DOCTYPE html>
2<html>
3	<head>
4		<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
5		<title></title>
6		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
7		<meta name="apple-mobile-web-app-capable" content="yes" />
8		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
9		<meta property="og:title" content="Aksaray Belediyesi Sanal Gerçeklik Uygulaması">
10		<meta property="og:description" content="Aksaray Belediyesi Sanal Gerçeklik Uygulaması, Kullanıcıların, mekanları sanal ortamda gezinmesine, bilgilenmesine ve eserleri tanımasına imkan tanır.">
11		<meta name="mobile-web-app-capable" content="yes" />
12		<meta property="og:image" content="preview.jpg">
13		<style type="text/css" title="Default">
14			/* fullscreen */
15			html {
16				height:100%;
17			}
18			body {
19				height:100%;
20				margin: 0px;
21				background: black;
22				color: white;
23				overflow:hidden; /* disable scrollbars */
24				-webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* remove highlight on tab for iOS/Android */
25			}
26			/* fix for scroll bars on webkit & >=Mac OS X Lion */
27			::-webkit-scrollbar {
28				background-color: rgba(0,0,0,0.5);
29				width: 0.75em;
30				height: 0.75em;
31			}
32			::-webkit-scrollbar-thumb {
33				background-color:  rgba(255,255,255,0.5);
34			}
35		</style>
36	</head>
37	<body>
38<!-- - - - - - - 8<- - - - - - cut here - - - - - 8<- - - - - - - -->
39		

39<script type="4908f5f84b84447a8095a6e4-text/javascript" src="pano2vr_player.js?ts=15957251">
40		</script>

40
41		

41<script type="4908f5f84b84447a8095a6e4-text/javascript" src="skin.js?ts=15957251">
42		</script>

42
43		<link rel="stylesheet" href="3rdparty/leaflet/leaflet.css"/>
44		

44<script src="3rdparty/leaflet/leaflet.js" type="4908f5f84b84447a8095a6e4-text/javascript"></script>

44
45		<div id="container" style="width:100%;height:100%;overflow:hidden;">
46		<br>Loading...<br><br>
47		</div>
48		

48<script type="4908f5f84b84447a8095a6e4-text/javascript">
49		function parseParams(paramsString, params) {
50			paramsString = paramsString.substring(1);
51			var firstSeparatorPos = paramsString.indexOf(",");
52			if (firstSeparatorPos != -1) {
53				params.startNode = paramsString.slice(0, firstSeparatorPos);
54				var viewingParamsString = paramsString.slice(firstSeparatorPos + 1);
55				var viewingParams = viewingParamsString.split(",");
56				if (viewingParams.length >= 3) {
57					var startView = {};
58					startView["pan"] = viewingParams[0];
59					startView["tilt"] = viewingParams[1];
60					startView["fov"] = viewingParams[2];
61					if (viewingParams.length >= 4) {
62						startView["projection"] = viewingParams[3];
63					}
64					params.startView = startView;
65				}
66			} else {
67				params.startNode = paramsString;
68				params.startView = "";
69			}
70		}
71		var params = {};
72		parseParams(document.location.hash, params);
73		var startNode = params.startNode;
74		var startView = params.startView;
75		if (("onhashchange" in window) && (!(/MSIE (\d+\.\d+);/.test(navigator.userAgent)))) {
76			window.onhashchange = function () {
77				parseParams(window.location.hash, params);
78				pano.openNext('{' + params.startNode + '}', params.startView);
79			}
80		} else {
81			var lastHash = window.location.hash;
82			window.setInterval(function () {
83				if (window.location.hash != lastHash) {
84					lastHash = window.location.hash;
85					parseParams(window.location.hash, params);
86					pano.openNext('{' + params.startNode + '}', params.startView);
87				}
88			}, 100);
89		}
90			// create the panorama player with the container
91			pano=new pano2vrPlayer("container");
92			pano.startNode = startNode;
93			pano.startView = startView;
94			pano.setQueryParameter("ts=15957251")
95			// add the skin object
96			skin=new pano2vrSkin(pano);
97			// load the configuration
98			window.addEventListener("load", function() {
99				pano.readConfigUrlAsync("pano.xml?ts=15957251");
100			});
101			if (window.navigator.userAgent.match(/Safari/i)) {
102				// fix for white borders, rotation on iPhone
103				function iosHfix(e) {
104					window.scrollTo(0, 1);
105					var container=document.getElementById("container");
106					var oh=container.offsetHeight;
107					document.documentElement.style.setProperty('height', '100vh');
108					if (oh!=container.offsetHeight) {
109						container.style.setProperty('height',"100%");
110					} else {
111						container.style.setProperty('height',window.innerHeight+"px");
112					}
113					window.scrollTo(0, 0);
114					pano.setViewerSize(container.offsetWidth, container.offsetHeight);
115				};
116				setTimeout(iosHfix,0);
117				setTimeout(iosHfix,100);
118				window.addEventListener("resize", function() {
119					setTimeout(iosHfix,0);
120					// hide toolbar on iPad happens with a delay
121					setTimeout(iosHfix,500);
122					setTimeout(iosHfix,1000);
123					setTimeout(iosHfix,2000);
124				});
125			}
126		</script>

126
127		<noscript>
128			<p><b>Please enable Javascript!</b></p>
129		</noscript>
130<!-- - - - - - - 8<- - - - - - cut here - - - - - 8<- - - - - - - -->

130
131	<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="4908f5f84b84447a8095a6e4-|49" defer></script>

131<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"f0dea0c6db1146b18637157f1c191898","r":1,"spa":2}' crossorigin="anonymous"></script>

131
132</body>
133</html>