diff --git a/src/index.html b/src/index.html
index 952dfb9..7276565 100644
--- a/src/index.html
+++ b/src/index.html
@@ -26,6 +26,7 @@
   <script src="view/products.js"></script>
   <script src="logic/knowledge.js"></script>
   <script src="logic/shop.js"></script>
+	<script src="logic/costMap.js"></script>
 
   <!-- Main script file -->
   <script src="main.js"></script>
@@ -53,8 +54,9 @@
       <div class="boards">
         <canvas id="canvas-floor"></canvas>
         <canvas id="canvas-grid"></canvas>
-        <canvas id="canvas-agent"></canvas>
         <canvas id="canvas-products"></canvas>
+				<canvas id="canvas-costmap"></canvas>
+        <canvas id="canvas-agent"></canvas>
         <div id="products">
           <!-- p[nr_kolumny]_[nr_wiersza] -->
           <div id="p0_0"><i class="fas fa-apple-alt"></i></div>
diff --git a/src/main.js b/src/main.js
index 2e33481..bb3d10e 100644
--- a/src/main.js
+++ b/src/main.js
@@ -3,11 +3,15 @@ window.addEventListener('DOMContentLoaded', () => document.fonts.ready.then(() =
   const gridCanvas = document.getElementById('canvas-grid');
   const agentCanvas = document.getElementById('canvas-agent');
   const productsCanvas = document.getElementById('canvas-products');
+	const costCanvas = document.getElementById('canvas-costmap');
 
   const floor = new Floor(floorCanvas);
   const grid = new Grid(gridCanvas);
   const agent = new Agent(agentCanvas);
   const products = new Products(productsCanvas);
+	const costMap = new CostMap();
+	const costMapVisualisation = new CostMapVisualisation(costCanvas);
+
 
 	const fpsElement = document.getElementById('fps');
 	if (window.location.hash == '#debug') {