Add new functionality for dzialki, dzialki2, lines, mpzp, osuwiska, position, section, and test modules with API integration and canvas drawing capabilities

js/functions/dzialki.js

@@ -0,0 +1,49 @@
+let dzialkiIcon = document.createElement("img");
+function dzialkiButtonClick() {
+
+	
+	dzialkiButton.style.background = "gray";
+
+	dzialkiIcon.src = chrome.runtime.getURL("icons/loading.gif");
+
+	const canvas = document.getElementsByClassName("ol-unselectable")[0];
+	const ctx = canvas.getContext("2d");
+	const height = canvas.height;
+	const width = canvas.width;
+
+	let XMIN = MapData.X_MIN;
+	let YMIN = MapData.Y_MIN;
+	let XMAX = MapData.X_MAX;
+	let YMAX = MapData.Y_MAX;
+
+	// let URL = `https://epsg.io/trans?data=${XMIN},${YMIN};${XMAX},${YMAX}&s_srs=2177&t_srs=2180`; // stary endpoint
+	let URL = `https://api.maptiler.com/coordinates/transform/${XMIN},${YMIN};${XMAX},${YMAX}.json?s_srs=2177&t_srs=2180&key=OZa2pWHGvC94xakI0fVk`;
+
+	fetch(URL, {
+		method: "GET",
+	})
+		.then((response) => response.json())
+		.then((data) => {
+			let NXMIN = data[0].x;
+			let NYMIN = data[0].y;
+			let NXMAX = data[1].x;
+			let NYMAX = data[1].y;
+
+			var img = new Image();
+			img.onload = function () {
+				ctx.drawImage(img, 0, 0, width, height);
+				dzialkiIcon.src = chrome.runtime.getURL("icons/dzialki1.png");
+			};
+			img.onerror = function () {
+				dzialkiIcon.src = chrome.runtime.getURL("icons/dzialki1.png");
+
+				dzialkiButton.style.background = "pink";
+			}
+
+			img.src = `
+			https://integracja01.gugik.gov.pl/cgi-bin/KrajowaIntegracjaEwidencjiGruntow?VERSION=1.1.1&SERVICE=WMS&REQUEST=GetMap&LAYERS=dzialki,numery_dzialek,budynki&SRS=EPSG:2180&WIDTH=${width}&HEIGHT=${height}&TRANSPARENT=TRUE&FORMAT=image/png&BBOX=${NXMIN},${NYMIN},${NXMAX},${NYMAX}
+			`;
+
+			dzialkiButton.style.background = "none";
+		});
+}