Implementing API - WIP frontend

app/public/graph.mjs

@@ -1,4 +1,4 @@
-import {requestVMDReference} from "./requestVMDReference.mjs";
+import {reference2json} from "./vmd.mjs";
 import * as L from "leaflet";
 //import "leaflet-providers";
 
@@ -89,7 +89,9 @@ class Graph {
 		this.edges = new Map();
 		this.canvas = document.createElement("div");
 		this.canvas.id = "map";
-		document.body.appendChild(this.canvas);
+		document
+			.getElementById("map-container")
+			.replaceChild(this.canvas, document.getElementById("map"));
 		this.renderer = L.canvas({padding: 5});
 		this.map = L.map(this.canvas, {renderer: this.renderer, preferCanvas: true}).setView(
 			[60, 0],
@@ -282,7 +284,7 @@ class Graph {
 	async deepAdd(iref, depth = 1) {
 		let element = this.nodes.get(iref);
 		if (!element) {
-			element = await requestVMDReference(iref);
+			element = await reference2json(iref);
 			switch (element.Reference.type) {
 				case "destinations":
 					element = new Node(element);