added api to get address

This commit is contained in:
PxlLoewe
2025-03-24 11:22:12 -07:00
parent 740560fba6
commit c956fb253b
3 changed files with 53 additions and 3 deletions

View File

@@ -16,9 +16,43 @@ export const ContextMenu = () => {
return (
<Popup position={[popup.lat, popup.lng]}>
// TODO: maske:
<div className="w-60">
<h1>Context Menu</h1>
{/* // TODO: maske: */}
<div>
<button
className="btn btn-sm"
onClick={async () => {
const address = await fetch(
`https://nominatim.openstreetmap.org/reverse?lat=${popup.lat}&lon=${popup.lng}&format=json`,
);
const data = (await address.json()) as {
address: {
ISO3166_2_lvl4: string;
country: string;
country_code: string;
county: string;
hamlet: string;
municipality: string;
postcode: string;
road: string;
state: string;
town: string;
};
display_name: string;
importance: number;
lat: string;
licence: string;
lon: string;
name: string;
osm_id: number;
osm_type: string;
place_id: number;
place_rank: number;
type: string;
};
}}
>
Neues Einsatz hier Erstellen
</button>
</div>
</Popup>
);