full screen map page

public/css/custom.css

@@ -0,0 +1,13 @@
+html {
+    height: 100%;
+    margin: 0;
+}
+
+body {
+    height: 100%;
+    margin: 0;
+}
+
+#app {
+    height: 100%;
+}

public/js/app.js

@@ -1,11 +1,5 @@
 export default {
 	template: /*html*/`
-		<div>
-			<div class="container-fluid">
-				<br>
-				TODO: content
-				<router-view></router-view>
-			</div>
-		</div>
+		<router-view></router-view>
 	`
 };

public/js/pages/Map.js

@@ -0,0 +1,8 @@
+
+export default {
+    template: /*html*/`
+        <div>
+            Map
+        </div>
+    `
+};

public/js/routes.js

@@ -1,6 +1,8 @@
+import Map from "./pages/Map.js";
+
 
 export default [{
-	path: "/", component: {
-		template: "<div>start</div>"
-	}
+	path: "/map/:layerId/:zoom/:lon/:lat", component: Map
+},{
+	path: "/", redirect: "/map/0/13/0/0"
 }];