let posdStarted = -1;
let minx = 1000000000000;
let miny = 10000000000000;
let maxx = 0;
let maxy = 0;

function getPos2() {
	posdStarted = -posdStarted;
	const canvas = document.getElementsByClassName("ol-unselectable")[0];

	if (posStarted == 1) {
		// posButton.style.background = "crimson";
		canvas.addEventListener("mousemove", drawPos2, true);
	} else {
		// posButton.style.background = "none";
		canvas.removeEventListener("mousemove", drawPos2, true);
	}
}

function drawPos2(event) {
	const canvas = document.getElementsByClassName("ol-unselectable")[0];

	console.log("x, y");
	event.preventDefault();
	if (event.target.className == "ol-unselectable") {
		const bttm = document.getElementsByClassName("pl-2");
		const x = bttm[0].innerHTML;
		const y = bttm[1].innerHTML;

		if (minx > x) minx = x;
		if (miny > y) miny = y;
		if (maxx < x) maxx = x;
		if (maxy < y) maxy = y;
		console.log(minx, miny, maxx, maxy);
		//6695449.20 5500500.60 6695784.09 5500663.00
		// X_MAX: "6695784.399102096"
		// X_MIN: "6695449.225719332"
		// Y_MAX: "5500663.0551045155"
		// Y_MIN: "5500500.136691383"
	}
}