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

edit: Gerät dropdown menü in modal POi hinzufügen

Browse Source
This commit is contained in:
ISA
2024-06-24 13:11:08 +02:00
parent 9393850f68
commit 097773553a
2 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
components/MapComponent.js
View File

@@ -1231,6 +1231,7 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
const { latitude, longitude } = parsePoint(location.position); const { latitude, longitude } = parsePoint(location.position);
const poiTypName = poiTypMap.get(location.idPoiTyp) || "Unbekannt"; const poiTypName = poiTypMap.get(location.idPoiTyp) || "Unbekannt";
const deviceName = await fetchDeviceNameById(location.idLD); const deviceName = await fetchDeviceNameById(location.idLD);
console.log("deviceName:", deviceName); // Das ist in Modal POI hinzufügen
const canDrag = userRights ? userRights.includes(56) : false; const canDrag = userRights ? userRights.includes(56) : false;
const matchingIcon = poiData.find( const matchingIcon = poiData.find(
@@ -2233,12 +2234,17 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
return marker; return marker;
}); });
// Erstellen der Polyline // Erstellen der Polyline und Einrichten eines Tooltips
const polyline = L.polyline(lineData.coordinates, { const polyline = L.polyline(lineData.coordinates, {
color: lineColors[lineData.idModul] || "#000000", color: lineColors[lineData.idModul] || "#000000",
}).addTo(map); }).addTo(map);
// Einrichten der mouseover- und mouseout-Event-Handler // Hinzufügen eines Tooltips
polyline.bindTooltip("Informationen oder Name der Linie", {
permanent: false, // true, wenn Sie möchten, dass der Tooltip immer sichtbar ist
direction: "auto", // Kann 'right', 'left', 'top' oder 'bottom' sein
});
polyline.on("mouseover", () => { polyline.on("mouseover", () => {
polyline.setStyle({ weight: 8 }); polyline.setStyle({ weight: 8 });
polyline.bringToFront(); polyline.bringToFront();
@@ -2254,6 +2260,7 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
setMarkers(newMarkers); setMarkers(newMarkers);
setPolylines(newPolylines); setPolylines(newPolylines);
}, [map, linePositions, lineColors]); }, [map, linePositions, lineColors]);
//--------------------------------------------------------- //---------------------------------------------------------
//--------------------------------------------------------- //---------------------------------------------------------

2
components/ShowAddStationPopup.js
View File

@@ -64,7 +64,7 @@ const ShowAddStationPopup = ({ onClose, map, latlng }) => {
// Funktion zum Abrufen der Daten von der API -> DB talas_v5.location_device // Funktion zum Abrufen der Daten von der API -> DB talas_v5.location_device
const fetchData = async () => { const fetchData = async () => {
try { try {
const response = await fetch("/api/talas_v5/location_device"); const response = await fetch("/api/talas5/location_device");
const data = await response.json(); const data = await response.json();
setLocationDeviceData(data); setLocationDeviceData(data);
if (data.length > 0) { if (data.length > 0) {