40 lines
1.4 KiB
JavaScript
40 lines
1.4 KiB
JavaScript
// utils/handlePoiSelect.js
|
|
const handlePoiSelect = async (poiData, setSelectedPoi, setLocationDeviceData, setDeviceName, poiLayerRef, poiTypMap) => {
|
|
setSelectedPoi(poiData); // poiData should be the data of the selected POI
|
|
//console.log("Selected POI:", poiData);
|
|
//console.log("Selected POI idLD:", poiData.deviceId);
|
|
|
|
try {
|
|
const response = await fetch("/api/talas_v5_DB/locationDevice/locationDevices");
|
|
const data = await response.json();
|
|
setLocationDeviceData(data);
|
|
//console.log("Standort- und Gerätedaten:", data);
|
|
|
|
const currentDevice = data.find((device) => device.idLD === poiData.deviceId);
|
|
if (currentDevice) {
|
|
setDeviceName(currentDevice.name);
|
|
//console.log("Current Device name in poiUpdate2:", currentDevice.name);
|
|
|
|
// Update the marker popup with the device name and type
|
|
const marker = poiLayerRef.current.getLayers().find((m) => m.options.id === poiData.id);
|
|
if (marker) {
|
|
marker.setPopupContent(
|
|
`
|
|
<div>
|
|
<b class="text-xl text-black-700">${poiData.description || "Unbekannt"}</b><br>
|
|
${currentDevice.name}<br>
|
|
${poiTypMap.get(poiData.idPoiTyp) || "Unbekannt"}<br>
|
|
</div>
|
|
`,
|
|
);
|
|
marker.openPopup();
|
|
}
|
|
}
|
|
} catch (error) {
|
|
console.error("Fehler beim Abrufen der Gerätedaten2:", error);
|
|
setLocationDeviceData([]);
|
|
}
|
|
};
|
|
|
|
export default handlePoiSelect;
|