Re-enable the layer manager in the top-left

client_src/js/MapManager.mjs

@@ -51,6 +51,7 @@ class MapManager {
 		console.info("[map] Loading device markers....");
 		this.setup_device_markers()
 			.then(() => console.info("[map] Device markers loaded successfully."))
+			.then(this.setup_overlay.bind(this))
 			.then(this.setup_layer_control.bind(this));
 		
 		// Add the heatmap
@@ -63,7 +64,6 @@ class MapManager {
 		
 		this.ui = new UI(Config, this);
 		this.ui.setup().then(() => console.log("[map] Settings initialised."));
-		this.setup_overlay();
 	}
 	
 	setup_overlay() {
@@ -126,7 +126,7 @@ class MapManager {
 		}, { // Overlay(s)
 			"Devices": this.device_markers.layer,
 			// TODO: Have 1 heatmap layer per reading type?
-			// "Heatmap": this.heatmap.layer
+			"Heatmap": this.overlay.layer
 		}, { // Options
 			
 		});

client_src/js/Overlay/VoronoiManager.mjs

@@ -6,6 +6,8 @@ import VoronoiCell from './VoronoiCell.mjs';
 import Vector2 from '../Helpers/Vector2.mjs';
 
 class VoronoiManager {
+	get layer() { return this.overlay.layer; }
+	
 	constructor(in_device_data, map) {
 		this.device_data = in_device_data;
 		this.overlay = new VoronoiOverlay();

client_src/js/Overlay/VoronoiOverlay.mjs

@@ -99,7 +99,7 @@ class VoronoiOverlay {
 				},
 				"properties": {
 					// TODO: Replace this with an actual colour
-					"colour": `hsla(${(Math.random()*360).toFixed(2)}, 50%, 50%, 0.6)`
+					"colour": `hsl(${(Math.random()*360).toFixed(2)}, 50%, 50%)`
 				}
 			});
 		}