33 lines
913 B
TypeScript
33 lines
913 B
TypeScript
"use client";
|
|
import "leaflet/dist/leaflet.css";
|
|
import { useMapStore } from "_store/mapStore";
|
|
import { MapContainer } from "react-leaflet";
|
|
import { BaseMaps } from "dispatch/_components/map/BaseMaps";
|
|
import { ContextMenu } from "dispatch/_components/map/ContextMenu";
|
|
import { MissionLayer } from "dispatch/_components/map/MissionMarkers";
|
|
import { SearchElements } from "dispatch/_components/map/SearchElements";
|
|
import { AircraftLayer } from "dispatch/_components/map/AircraftMarker";
|
|
import { MarkerCluster } from "dispatch/_components/map/_components/MarkerCluster";
|
|
|
|
const Map = () => {
|
|
const { map } = useMapStore();
|
|
|
|
return (
|
|
<MapContainer
|
|
className="flex-1"
|
|
center={map.center}
|
|
zoom={map.zoom}
|
|
fadeAnimation={false}
|
|
>
|
|
<BaseMaps />
|
|
<SearchElements />
|
|
<ContextMenu />
|
|
<MarkerCluster />
|
|
<MissionLayer />
|
|
<AircraftLayer />
|
|
</MapContainer>
|
|
);
|
|
};
|
|
|
|
export default Map;
|