Files
var-monorepo/apps/dispatch/app/_components/map/MapAdditionals.tsx

21 lines
548 B
TypeScript

"use client";
import { usePannelStore } from "_store/pannelStore";
import { Marker } from "react-leaflet";
import L from "leaflet";
export const MapAdditionals = () => {
const missionForm = usePannelStore((state) => state.missionFormValues);
if (!missionForm?.addressLat || !missionForm?.addressLng) return null;
return (
<>
<Marker
position={[missionForm.addressLat, missionForm.addressLng]}
icon={L.icon({ iconUrl: "/icons/mapMarker.png", iconSize: [40, 40], iconAnchor: [20, 35] })}
interactive={false}
/>
</>
);
};