Backup von dem Server 10.10.0.13 was hochgeladen und konfiguriert ist

10.10.0.13 config.txt

@@ -0,0 +1,34 @@
+Port 3000 Freigabe ?
+
+node -v v20.12.1
+----------------------
+Start-Dev.ps1
+	cd 'C:\inetpub\wwwroot\talas5\nodeMap'
+	npm run dev
+-------------
+	
+.env.local
+	DB_HOST=localhost
+	
+--------------
+in /config/config.js
+	10 und 484 entfernen
+	
+-------------------
+MapComponent.js
+	URL von onlineTileLayer und offlineTileLayer URL eingeben und Port 3000
+		"http://localhost:3000/mapTiles/{z}/{x}/{y}.png";
+		
+	baseurl
+	 const baseUrl = "http://localhost/talas5/devices/";
+	serverURL
+	  const serverURL = "http://localhost";
+	  
+------------------
+In C:\inetpub\wwwroot\talas5\MessagesMap\MapTypC.aspx
+	"http://localhost:3000?m=" + encodeURIComponent(mValue) + "&u=" + encodeURIComponent(uValue);
+	
+--------------------
+In pages/api/[...path].js
+	  target: "http://localhost", 
+	  

MapTypC.aspx

@@ -0,0 +1,47 @@
+<%@ Page Title="" Language="C#" MasterPageFile="~/Standard.Master" AutoEventWireup="true" CodeBehind="MapTypC.aspx.cs" Inherits="TALAS_V5.MessagesMap.MapTypC" %>
+<%@ Register assembly="DevExpress.Web.v19.2, Version=19.2.6.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a" namespace="DevExpress.Web" tagprefix="dx" %>
+
+<asp:Content ID="NaviContent" ContentPlaceHolderID="NaviContent" runat="server">
+</asp:Content>
+
+<asp:Content ID="Content" ContentPlaceHolderID="MainContent" runat="server">
+
+<style>
+    .responsive-iframe-wrapper {
+        position: relative  !important;
+        width: 100%  !important;
+        height: 97.2vh  !important; /* Setzt die Höhe des Wrappers auf die Höhe des Viewports */
+        overflow: hidden  !important; /* Verhindert Scrollbalken innerhalb des Wrappers */
+		padding: 0 0 0 0  !important;
+		margin: 0 0 0 0  !important;
+    }
+    .responsive-iframe-wrapper iframe {
+        position: absolute !important;
+        top: 0 !important;
+        left: 0  !important;
+        width: 100%  !important;
+        height: 100%  !important;
+        border: none  !important; /* Removes the border */
+    }
+</style>
+
+
+<div class="responsive-iframe-wrapper">
+    <iframe frameborder="0"></iframe>
+</div>
+
+<script>
+document.addEventListener('DOMContentLoaded', function() {
+    var url = new URL(window.location.href);
+    var mValue = url.searchParams.get("m");
+    var uValue = url.searchParams.get("u");
+
+    // Setzen der src-Eigenschaft des iframe mit den abgerufenen Parametern
+    document.querySelector('.responsive-iframe-wrapper iframe').src = 
+       // "http://10.10.0.70:3000?m=" + encodeURIComponent(mValue) + "&u=" + encodeURIComponent(uValue);
+       //"http://10.10.0.13:3000?m=" + encodeURIComponent(mValue) + "&u=" + encodeURIComponent(uValue);
+       "http://localhost:3000?m=" + encodeURIComponent(mValue) + "&u=" + encodeURIComponent(uValue);
+});
+</script>
+
+</asp:Content>

Start-Dev.ps1

@@ -2,4 +2,5 @@
 cd 'C:\inetpub\wwwroot\talas5\nodeMap'
 
 # F<>hre den npm Befehl aus
-npm start
+npm run dev
+

components/MapComponent.js

@@ -130,7 +130,7 @@ const MapComponent = ({ locations, onLocationUpdate }) => {
   const offlineTileLayer = "/mapTiles/{z}/{x}/{y}.png";
   //const onlineTileLayer = "/mapTiles/{z}/{x}/{y}.png";
   //const onlineTileLayer = "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png";
-  const onlineTileLayer = "http://10.10.0.13:3000/mapTiles/{z}/{x}/{y}.png"; //Talas_v5 Server
+  const onlineTileLayer = "http://localhost:3000/mapTiles/{z}/{x}/{y}.png"; //Talas_v5 Server
   // Create map layers
   const TALAS = new L.layerGroup();
   const ECI = new L.layerGroup();
@@ -146,7 +146,7 @@ const MapComponent = ({ locations, onLocationUpdate }) => {
   const TALASICL = new L.layerGroup();
 
   const [gisSystemStaticLoaded, setGisSystemStaticLoaded] = useState(false);
-  const baseUrl = "http://10.10.0.13/talas5/devices/";
+  const baseUrl = "http://localhost/talas5/devices/";
   const [isPoiTypLoaded, setIsPoiTypLoaded] = useState(false);
   const [poiTypMap, setPoiTypMap] = useState(new Map());
   const [showPopup, setShowPopup] = useState(false);
@@ -714,7 +714,7 @@ const MapComponent = ({ locations, onLocationUpdate }) => {
   const port = url.port; // Gibt den Port zurück, leer wenn Standardport verwendet wird
   const protocol = url.protocol; // "http:" oder "https:"
   //const serverURL = `${protocol}//${hostname}`;
-  const serverURL = "http://10.10.0.13"; // weil ich keine API habe, ansonsten serverURL ist localhost(IP-Adresse)
+  const serverURL = "http://localhost"; // weil ich keine API habe, ansonsten serverURL ist localhost(IP-Adresse)
   //const serverURL = "http://localhost:3000";
 
   const params = new URL(window.location.href).searchParams;

config/config.js

@@ -19,8 +19,8 @@ if (typeof window !== "undefined") {
   windowHeight = window.innerHeight; // Die Höhe des Browserfensters
   url_string = window.location.href; // Die vollständige URL als String
   url = new URL(url_string); // Die URL als URL-Objekt, um Teile der URL einfacher zu handhaben
-  c = url.searchParams.get("m") || "10"; // Ein Parameter aus der URL, Standardwert ist '10'
-  user = url.searchParams.get("u") || "484"; // Ein weiterer Parameter aus der URL, Standardwert ist '484 admin zu testen von Stationen ausblenden und einblenden in der Card'
+  c = url.searchParams.get("m"); // Ein Parameter aus der URL, Standardwert ist '10'
+  user = url.searchParams.get("u"); // Ein weiterer Parameter aus der URL, Standardwert ist '484 admin zu testen von Stationen ausblenden und einblenden in der Card'
 
   console.log(`Parameter 'idMap' : ${c}`);
   console.log(`Parameter 'idUser': ${user}`);

pages/api/[...path].js

@@ -3,7 +3,8 @@ import { createProxyMiddleware } from "http-proxy-middleware";
 
 export default createProxyMiddleware({
   //target: "http://192.168.10.58:3001",
-  target: "http://10.10.0.13", // Ziel-URL des Proxys
+  //target: "http://10.10.0.13", // Ziel-URL des Proxys
+  target: "http://localhost", // Ziel-URL des Proxys
   //target: "http://192.168.10.187:3000", // Ziel-URL des Proxys
   changeOrigin: true,
   pathRewrite: {