diff --git a/public/data/drawn.jpg b/public/data/drawn.jpg
new file mode 100644
index 0000000..5aa6816
Binary files /dev/null and b/public/data/drawn.jpg differ
diff --git a/src/map/map.js b/src/map/map.js
index 9136cb0..47df8a9 100644
--- a/src/map/map.js
+++ b/src/map/map.js
@@ -130,6 +130,12 @@ export const createMap = async () => {
         [57.6291230394961715, 14.9362178462290363],
     ]);
 
+    // Load and add the hand drawn layer
+    map.groups.drawn = await loadImageOverlay(map, './data/drawn.jpg', [
+        [57.6306870895, 14.9142416425],
+        [57.6178044724, 14.9377186881],
+    ]);
+
     // Load and add the height map layer
     map.groups.heightmap = L.tileLayer('./data/analysis/height/{z}/{x}/{y}.jpg', {
         minZoom: 13,
@@ -179,6 +185,7 @@ export const createMap = async () => {
         Slope: map.groups.slopemap,
         Height: map.groups.heightmap,
         Terrain: map.groups.terrain,
+        Handdrawn: map.groups.drawn,
         Plazas: map.groups.plazas,
         Placement: map.groups.placement,
         Names: map.groups.names,