Plot Number: " + plotDetail.plotno + "
Area: " + (plotDetail.plotArea/1000).toFixed(3) + " acres
";
+ } else {
+ plotInformation.innerHTML = "Plot Number:
Area: 0.000 acres
";
+ }
+};
+setPlotInformation();
+
+let plotDetailContent = "";
+let plotLabelContent = "";
+
+downloadSVGButton.addEventListener("click", e => {
+ e.preventDefault();
+ const element = document.createElement("a");
+ element.setAttribute(
+ "href",
+ "data:text/plain;charset=utf-8," + encodeURIComponent(plotDetailContent + plotLabelContent)
+ );
+ element.setAttribute("download", "map.svg");
+ element.style.display = "none";
+ document.body.appendChild(element);
+ element.click();
+ document.body.removeChild(element);
+});
+
+const downloadPDF = (labelPoints: boolean = true) => {
+ generateWebPage(
+ getDownloadMapPDFPageContent({
+ mapContent: plotDetailContent + (labelPoints ? plotLabelContent : "")
+ }),
+ "map"
+ );
+};
+
+downloadPDFButton.addEventListener("click", e => {
+ e.preventDefault();
+ downloadPDF();
+});
+
+downloadPDFWithOutLabelButton.addEventListener("click", e => {
+ e.preventDefault();
+ downloadPDF(false);
+});
+
+(async () => {
+ const searchParams = new URLSearchParams(window.location.search);
+ const response1 = await fetch(
+ "/BanglarBhumi/sheetMap_populateLayerData?lstSheetNo=" + searchParams.get("lstSheetNo"),
+ {
+ method: "POST"
+ });
+ const plotDetailList: PlotDetail[] = (await response1.json()).features;
+ const response2 = await fetch(
+ "/BanglarBhumi/sheetMap_populateCentroidData?lstSheetNo=" + searchParams.get("lstSheetNo"),
+ {
+ method: "POST"
+ });
+ const plotLabelList: PlotLabel[] = (await response2.json()).features;
+ let plotDetails: { [key: string]: PlotDetail } = {};
+
+ for (const plotDetail of plotDetailList) {
+ const plotPolygonPoints = plotDetail.polygon.split("(((")[1].split(")))")[0];
+ plotDetailContent += getMapSVGPathElementContent({
+ polygonData: plotPolygonPoints
+ });
+ }
+
+ for (const plotLabel of plotLabelList) {
+ const plotLabelPoint = plotLabel.point.split("(")[1].split(")")[0].split(" ");
+ plotLabelContent += getMapPlotLabelElementContent({
+ plotLabelX: plotLabelPoint[0],
+ plotLabelY: plotLabelPoint[1],
+ plotNumber: plotLabel.plotno
+ });
+ }
+
+ document.querySelector("#btnSearch")!.addEventListener("click", () => {
+ let plotDetail;
+ for (const p of plotDetailList) {
+ if (p.plotno === plotNumberInput.value) {
+ plotDetail = p;
+ break;
+ }
+ }
+ setPlotInformation(plotDetail);
+ });
+
+ await new Promise
-
$details$