28 lines
700 B
TypeScript
28 lines
700 B
TypeScript
"use client";
|
|
import { useEffect, useRef } from "react";
|
|
|
|
import L from "leaflet";
|
|
import "leaflet/dist/leaflet.css";
|
|
import ToastCard from "../toast/ToastCard";
|
|
import { Toast, ToastBar, Toaster, toast } from "react-hot-toast";
|
|
import { useMapStore } from "_store/mapStore";
|
|
import { MapContainer } from "react-leaflet";
|
|
import { BaseMaps } from "(dispatch)/_components/map/BaseMaps";
|
|
import { ContextMenu } from "(dispatch)/_components/map/ContextMenu";
|
|
|
|
export default () => {
|
|
const { map } = useMapStore();
|
|
|
|
return (
|
|
<MapContainer
|
|
className="h-full w-full"
|
|
center={map.center}
|
|
zoom={map.zoom}
|
|
scrollWheelZoom={true}
|
|
>
|
|
<BaseMaps />
|
|
<ContextMenu />
|
|
</MapContainer>
|
|
);
|
|
};
|