<!DOCTYPE html>
<html lang="de">

	<head>
		
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

		<title>LANIS Demo | NetGIS Client</title>
		
		<!-- Library Styles -->
		<link rel="stylesheet" type="text/css" href="/libs/fontawesome/5.12.0/css/all.min.css" />
		<link rel="stylesheet" type="text/css" href="/libs/openlayers/7.2.2/ol.css" />

		<!-- Custom Styles -->
		<link rel="stylesheet" type="text/css" href="../src/netgis/Client.css" />
		<link rel="stylesheet" type="text/css" href="../src/netgis/Map.css" />
		<link rel="stylesheet" type="text/css" href="../src/netgis/Attribution.css" />
		<link rel="stylesheet" type="text/css" href="../src/netgis/Controls.css" />
		<link rel="stylesheet" type="text/css" href="../src/netgis/LayerTree.css" />
		<link rel="stylesheet" type="text/css" href="../src/netgis/SearchParcel.css" />
		<link rel="stylesheet" type="text/css" href="../src/netgis/Toolbar.css" />
		<link rel="stylesheet" type="text/css" href="../src/netgis/Menu.css" />
		<link rel="stylesheet" type="text/css" href="../src/netgis/Modal.css" />
		<link rel="stylesheet" type="text/css" href="../src/netgis/Theme.css" />
		
		<!--<link rel="stylesheet" type="text/css" href="../dist/netgis.min.css" />-->
		
		<!-- Implementation Style -->
		<style>
			
			#container
			{
				position: absolute;
				left: 0mm;
				top: 0mm;
				width: 100%;
				height: 100%;
			}
			
		</style>
		
	</head>
	
	<body>
		
		<!-- Client Container -->
		<form action="." method="GET">
			<main id="container" data-editable="true">
			</main>
		</form>
		
		<input type="hidden" id="netgis-storage" name="output" />
  
		<!-- Library Scripts -->
		<script type="text/javascript" src="/libs/openlayers/7.2.2/ol.js"></script>
		<script type="text/javascript" src="/libs/proj4js/2.6.0/proj4.js"></script>
		<script type="text/javascript" src="/libs/jsts/1.6.1/jsts.min.js"></script>
		<script type="text/javascript" src="/libs/shapefilejs/4.0.2/shp.js"></script>
		<script type="text/javascript" src="/libs/jspdf/1.3.2/jspdf.min.js"></script>
		<script type="text/javascript" src="/libs/gifjs/0.2.0/gif.js"></script>
		<script type="text/javascript" src="/libs/sqljs/1.8.0/sql.js"></script>
		<script type="text/javascript" src="/libs/geopackage/4.2.3/geopackage.min.js"></script>
		
		<!-- Custom Scripts -->
		<script type="text/javascript" src="../src/netgis/Util.js"></script>
		<script type="text/javascript" src="../src/netgis/Events.js"></script>
		<script type="text/javascript" src="../src/netgis/Modes.js"></script>
		<script type="text/javascript" src="../src/netgis/LayerTypes.js"></script>
		<script type="text/javascript" src="../src/netgis/Client.js"></script>
		<script type="text/javascript" src="../src/netgis/Menu.js"></script>
		<script type="text/javascript" src="../src/netgis/Map.js"></script>
		<script type="text/javascript" src="../src/netgis/MapOpenLayers.js"></script>
		<script type="text/javascript" src="../src/netgis/Controls.js"></script>
		<script type="text/javascript" src="../src/netgis/Attribution.js"></script>
		<script type="text/javascript" src="../src/netgis/LayerTree.js"></script>
		<script type="text/javascript" src="../src/netgis/Toolbar.js"></script>
		<script type="text/javascript" src="../src/netgis/Modal.js"></script>
		<script type="text/javascript" src="../src/netgis/SearchPlace.js"></script>
		<script type="text/javascript" src="../src/netgis/SearchParcel.js"></script>
		<script type="text/javascript" src="../src/netgis/OWS.js"></script>
		<script type="text/javascript" src="../src/netgis/SLD.js"></script>
		
		<!--<script type="text/javascript" src="../dist/netgis.min.js"></script>-->
		
		<!-- Implementation Script -->
		<script type="text/javascript">
			
			// Demo Config
			var config =
			{
				"layers":
				[
					{ "folder": 0, "type": "WMS", "title": "KOM Punkte", "url": "https://geodaten.naturschutz.rlp.de/kartendienste_naturschutz/mod_ogc/wms_getmap.php?mapfile=kom_p&", "name": "kom_p" },
					{ "folder": 0, "type": "WMS", "title": "KOM Linien", "url": "https://geodaten.naturschutz.rlp.de/kartendienste_naturschutz/mod_ogc/wms_getmap.php?mapfile=kom_l&", "name": "kom_l" },
					{ "folder": 0, "type": "WMS", "title": "KOM Flächen", "url": "https://geodaten.naturschutz.rlp.de/kartendienste_naturschutz/mod_ogc/wms_getmap.php?mapfile=kom_f&", "name": "kom_f" },					

					{ "folder": 1, "type": "WMS", "title": "Lagebezeichnungen", "url": "https://geo5.service24.rlp.de/wms/liegenschaften_rp.fcgi?", "name": "Lagebezeichnungen" },
					{ "folder": 1, "type": "WMS", "title": "Flurstücke", "url": "https://geo5.service24.rlp.de/wms/liegenschaften_rp.fcgi?", "name": "Flurstueck", "username": "abc", "password": "123" },
					{ "folder": 1, "type": "WMS", "title": "Gebäude / Bauwerke", "url": "https://geo5.service24.rlp.de/wms/liegenschaften_rp.fcgi?", "name": "GebaeudeBauwerke" },
					{ "folder": 1, "type": "WMS", "title": "Nutzung", "url": "https://geo5.service24.rlp.de/wms/liegenschaften_rp.fcgi?", "name": "Nutzung", "active": false },					

					{ "folder": 2, "type": "WFS", "title": "Überschwemmungsgebiete WFS Test", "url": "http://213.139.159.34:80/geoserver/uesg/wfs?", "name": "uesg:uesg_gesetzlich", "outputFormat": "application/json" },

					{ "folder": 3, "type": "WMS", "title": "TopPlusOpen", "attribution": "BKG", "url": "https://sgx.geodatenzentrum.de/wms_topplus_open?", "name": "web", "active": false },
					{ "folder": 3, "type": "OSM", "title": "Open Street Map", "attribution": "OSM", "active": true, "minZoom": 8, "maxZoom": 11 }
				],

				"folders":
				[
					{ "title": "KOM Kompensationsmaßnahmen", "parent": -1 },
					{ "title": "ALKIS Liegenschaften", "parent": -1 },
					{ "title": "Test", "parent": -1 },
					{ "title": "Hintergrund", "parent": -1 }
				],

				"projections":
				[
					[ "EPSG:25832", "+proj=utm +zone=32 +ellps=GRS80 +units=m +no_defs" ]
				],

				"map":
				{
					"projection": "EPSG:25832",
					"center": [ 385000, 5543000 ],
					"minZoom": 5,
					"maxZoom": 19,
					"zoom": 8,
					"attribution": "LANIS RLP"
				},

				"output":
				{
					"id": "netgis-storage"
				},

				"search":
				{
					"url": "./proxy.php?https://www.geoportal.rlp.de/mapbender/geoportal/gaz_geom_mobile.php?outputFormat=json&resultTarget=web&searchEPSG={epsg}&maxResults=5&maxRows=5&featureClass=P&style=full&searchText={q}&name_startsWith={q}"
				},
				
				"searchParcel":
				{
					"nameURL": "./proxy.php?https://geodaten.naturschutz.rlp.de/kartendienste_naturschutz/mod_alkis/gem_search.php?placename={q}",
					"parcelURL": "./proxy.php?https://geodaten.naturschutz.rlp.de/kartendienste_naturschutz/mod_alkis/flur_search.php?gmk_gmn={district}&fln={field}&fsn_zae={parcelA}&fsn_nen={parcelB}&export=json"
				},
				
				"import":
				{
					"geopackageLibURL": "/libs/geopackage/4.2.3/"
				},

				"export":
				{
					"logo": "/geoportal/client/assets/logo.png",
					"gifWebWorker": "/libs/gifjs/0.2.0/gif.worker.js",
					"defaultFilename": "Export",
					"defaultMargin": 10
				},

				"tools":
				{
					"buffer":
					{
						"defaultRadius": 100,
						"defaultSegments": 3
					}
				},

				"styles":
				{
					"editLayer":
					{
						"fill": "rgba( 255, 0, 0, 0.5 )",
						"stroke": "#ff0000",
						"strokeWidth": 3,
						"pointRadius": 6
					},

					"select":
					{
						"fill": "rgba( 0, 127, 255, 0.5 )",
						"stroke": "#007fff",
						"strokeWidth": 3,
						"pointRadius": 6
					},

					"sketch":
					{
						"fill": "rgba( 0, 127, 0, 0.5 )",
						"stroke": "#007f00",
						"strokeWidth": 3,
						"pointRadius": 6
					},

					"modify":
					{
						"fill": "rgba( 0, 127, 0, 0.5 )",
						"stroke": "#007f00",
						"strokeWidth": 3,
						"pointRadius": 6
					},
					
					"parcel":
					{
						"fill": "rgba( 127, 255, 255, 0.5 )",
						"stroke": "#7fffff",
						"strokeWidth": 3
					}
				}
			};
			
			// Create Client Instance
			var client = new netgis.Client( "container", config );
			client.debug = true;
			
		</script>
		
	</body>
	
</html>