diff --git a/src/app/components/MapMarkerList.js b/src/app/components/MapMarkerList.js index 0c76fe6..b96ea63 100644 --- a/src/app/components/MapMarkerList.js +++ b/src/app/components/MapMarkerList.js @@ -15,10 +15,9 @@ function isRequestedValue(item, renderOptions) { function MapMarkerList({ markers, renderOptions }) { if (!markers) return null; - - return [...markers.markers].filter(([_, item]) => { - return isRequestedValue(item, renderOptions); - }); + return [...markers.markers] + .filter(([_, item]) => isRequestedValue(item, renderOptions)) + .map(a => a[1]); } export { MapMarkerList }; diff --git a/src/app/components/map/OpenStreetMap.js b/src/app/components/map/OpenStreetMap.js index 8557a53..ec0531b 100644 --- a/src/app/components/map/OpenStreetMap.js +++ b/src/app/components/map/OpenStreetMap.js @@ -56,24 +56,18 @@ export default function OpenStreetMap({ renderOptions: dataOptionsToShow, }); - // markersList && - // mapRef && - // notEmpy(markersList) && - // markersList.forEach((val, _) => { - // // console.log(val); - // insertMarker(mapRef, val.ID, val.coordinate, val.image); - // }); + // console.log(markersList) useEffect(() => { if (markersList && mapRef) { deleteAllMarkers(mapRef); notEmpy(markersList) && - markersList.forEach((val, k) => { - if (val[1].name == "susceptibilityAreas") { - insertPolygon(mapRef, val[1].ID, val[1].coordinate); + markersList.forEach((val) => { + if (val.name == "susceptibilityAreas") { + insertPolygon(mapRef, val.ID, val.coordinate); } else { - insertMarker(mapRef, val[1].ID, val[1].coordinate, val[1].image); + insertMarker(mapRef, val.ID, val.coordinate, val.image); } }); } @@ -104,7 +98,7 @@ export default function OpenStreetMap({