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

feat: highlight polylines on mouseover and bring to front

Browse Source
This commit is contained in:
ISA
2024-06-19 07:05:34 +02:00
parent 8947eef70f
commit 30ace5ad8a
3 changed files with 4 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
components/MapComponent.js
View File

@@ -2144,7 +2144,7 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
iconSize: [25, 25],
iconAnchor: [5, 5],
});
//---------------------------------------------------------
// Function to initialize markers and polylines
useEffect(() => {
if (!map) return;
@@ -2169,6 +2169,7 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
// Add mouseover and mouseout events to change the polyline width
polyline.on("mouseover", () => {
polyline.setStyle({ weight: 8 }); // Increase width on hover
polyline.bringToFront(); // Bring polyline to the front on hover
});
polyline.on("mouseout", () => {

4
config/config.js
View File

@@ -37,8 +37,8 @@ if (typeof window !== "undefined") {
mapGisSystemStaticUrl = `${serverURL}/talas5/ClientData/WebserviceMap.asmx/GisSystemStatic?idMap=${c}&idUser=${user}`;
mapDataIconUrl = `${serverURL}/talas5/ClientData/WebserviceMap.asmx/GetIconsStatic`;
//webserviceGisLinesStatusUrl = `http://10.10.0.13/talas5/ClientData/WebServiceMap.asmx/GisLinesStatus?idMap=${c}`;
webserviceGisLinesStatusUrl = `http://localhost:3000/api/linesColorApi`;
webserviceGisLinesStatusUrl = `http://10.10.0.13/talas5/ClientData/WebServiceMap.asmx/GisLinesStatus?idMap=${c}`;
//webserviceGisLinesStatusUrl = `http://localhost:3000/api/linesColorApi`;
//http://10.10.0.13/talas5/ClientData/WebserviceMap.asmx/GisSystemStatic?idMap=12&idUser=484

76
pages/api/linesColorApi.js
View File

@@ -48,79 +48,3 @@ export default function handler(req, res) {
res.status(200).json(response);
}
/* export default function handler(req, res) {
const linesColor = {
Statis: [
{
IdModul: 1,
Na: "system",
Le: 4,
Co: "#018915",
Me: "Eingang DE04 kommend",
Feld: 3,
Icon: 0,
},
{
IdModul: 2,
Na: "system",
Le: 4,
Co: "#018915",
Me: "Eingang DE05 kommend",
Feld: 3,
Icon: 0,
},
{
IdModul: 3,
Na: "system",
Le: 4,
Co: "#000000",
Me: "Eingang DE05 kommend",
Feld: 3,
Icon: 0,
},
],
};
const linesColor = {
Statis: [
{
IdLD: 25440,
Modul: 1,
DpName: "KUE01_Ausfall",
ModulName: "42 Wippershain Sender",
ModulTyp: "nicht vorhanden",
Message: "KUEG 01: 42 Wippershain Sender Messwerkausfall kommend",
Level: 4,
PrioColor: "#FF00FF",
PrioName: "system",
Value: "?",
},
{
IdLD: 25440,
Modul: 3,
DpName: "KUE03_Ausfall",
ModulName: "42 Solz Sender",
ModulTyp: "nicht vorhanden",
Message: "KÃœG 03: 42 Solz Sender Messwerkausfall kommend",
Level: 4,
PrioColor: "#FF00FF",
PrioName: "system",
Value: "?",
},
{
IdLD: 25440,
Modul: 4,
DpName: "KUE04_Ausfall",
ModulName: "42/13 Bad Hersfeld Gaswerk",
ModulTyp: "Kü705-FO",
Message: "KÃœG 04: 42/13 Bad Hersfeld Gaswerk Messwerkausfall kommend",
Level: 4,
PrioColor: "#FF00FF",
PrioName: "system",
Value: "?",
},
],
};
res.status(200).json({ linesColor });
} */