antontranelis/utopia-ui
1
0
Fork 0
mirror of https://github.com/utopia-os/utopia-ui.git synced 2025-12-13 07:46:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

show name of geojson feature

Browse Source
This commit is contained in:
Anton Tranelis 2024-05-07 12:45:07 +02:00
parent fe776ab01b
commit 6d1dda7530
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/Components/Map/UtopiaMap.tsx
View File

@ -18,6 +18,7 @@ import { useSelectPosition, useSetSelectPosition } from "./hooks/useSelectPositi
import { useUpdateItem } from "./hooks/useItems";
import { toast } from "react-toastify";
import { useClusterRef, useSetClusterRef } from "./hooks/useClusterRef";
import { Feature, Geometry as GeoJSONGeometry } from 'geojson';
@ -99,6 +100,13 @@ function UtopiaMap({
let urlPosition = params.get("position");
}, [location]);
const onEachFeature = (feature: Feature<GeoJSONGeometry, any>, layer: L.Layer) => {
if (feature.properties) {
layer.bindPopup(feature.properties.name);
console.log(feature);
}
}
return (
<>
@ -125,7 +133,7 @@ function UtopiaMap({
)
}
</MarkerClusterGroup>
{geo && <GeoJSON data={geo} />}
{geo && <GeoJSON data={geo} onEachFeature={onEachFeature}/>}
<MapEventListener setSelectNewItemPosition={setSelectNewItemPosition} selectNewItemPosition={selectNewItemPosition} setItemFormPopup={setItemFormPopup} />
</MapContainer>
<AddButton triggerAction={setSelectNewItemPosition}></AddButton>