Ismail/nodeMap
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

- talas_v5.gis_lines Update nach Marker innerhalb der Linie -> position ändern->idLD && idModul Zusammengesetzte PK

Browse Source 
- Darstellung soll wie Marker mouseover Popup (tooltip)
This commit is contained in:
ISA
2024-06-26 09:00:54 +02:00
parent 559442e740
commit 644b5329dd
1 changed files with 12 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
components/MapComponent.js
View File

@@ -671,7 +671,7 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
marker.bindPopup(` marker.bindPopup(`
<div class=" bg-white rounded-lg "> <div class=" bg-white rounded-lg ">
<p class="text-lg font-semibold text-gray-900">${station.LD_Name}</p> <span class="text-lg font-semibold text-gray-900">${station.LD_Name}</span>
<span class="text-md font-bold text-gray-800"> ${station.Device}</span><br> <span class="text-md font-bold text-gray-800"> ${station.Device}</span><br>
<span class="text-gray-800"><strong> ${station.Area_Short} </strong>(${station.Area_Name})</span><br> <span class="text-gray-800"><strong> ${station.Area_Short} </strong>(${station.Area_Name})</span><br>
<span class="text-gray-800"><strong>${station.Location_Short} </strong> (${station.Location_Name})</span> <span class="text-gray-800"><strong>${station.Location_Short} </strong> (${station.Location_Name})</span>
@@ -2179,16 +2179,15 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
if (matchingLine) { if (matchingLine) {
colorsByModule[matchingLine.idModul] = stat.PrioColor; colorsByModule[matchingLine.idModul] = stat.PrioColor;
newTooltipContents[matchingLine.idModul] = ` newTooltipContents[matchingLine.idModul] = `
<div class="p-0 rounded-lg bg-white bg-opacity-90"> <div class=" bg-white rounded-lg">
<div class="font-bold text-sm text-black"> <span class="text-lg font-semibold text-gray-900">${stat.DpName || "Unknown"}</span><br>
<span>DpName: ${stat.DpName || "Unknown"}</span> <span class="text-md font-bold text-gray-800">ModulName : ${stat.ModulName || "N/A"}</span><br>
</div> <span class="text-gray-800">Message : ${stat.Message || "N/A"}</span><br>
<div class="font-bold text-xxs text-blue-700"> <!--<span class="text-gray-800">PrioColor : ${stat.PrioColor || "N/A"}</span><br>-->
<span>ModulName : ${stat.ModulName || "N/A"}</span> <span class="text-gray-800">PrioName : ${stat.PrioName || "N/A"}</span><br>
</div> <span class="text-gray-800">IdLD : ${stat.IdLD || "N/A"}</span><br>
<div class="font-bold text-xxs text-red-700"> <span class="text-gray-800">Modul : ${stat.Modul || "N/A"}</span><br>
<span>Message : ${stat.Message || "N/A"}</span>
</div>
</div> </div>
`; `;
} }
@@ -2293,7 +2292,7 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
); );
updatedPolyline.on("mouseover", () => { updatedPolyline.on("mouseover", () => {
updatedPolyline.setStyle({ weight: 12 }); updatedPolyline.setStyle({ weight: 10 });
updatedPolyline.bringToFront(); updatedPolyline.bringToFront();
}); });
updatedPolyline.on("mouseout", () => { updatedPolyline.on("mouseout", () => {
@@ -2354,7 +2353,7 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
); );
polyline.on("mouseover", () => { polyline.on("mouseover", () => {
polyline.setStyle({ weight: 12 }); polyline.setStyle({ weight: 10 });
polyline.bringToFront(); polyline.bringToFront();
console.log( console.log(
`polyline with idLD : ${lineData.idLD}, idModul: ${lineData.idModul}`, `polyline with idLD : ${lineData.idLD}, idModul: ${lineData.idModul}`,