diff --git a/src/components/Map/markers/FirecallItemMarker.tsx b/src/components/Map/markers/FirecallItemMarker.tsx
index 92e8dd1..bae5d1e 100644
--- a/src/components/Map/markers/FirecallItemMarker.tsx
+++ b/src/components/Map/markers/FirecallItemMarker.tsx
@@ -2,7 +2,7 @@ import EditIcon from '@mui/icons-material/Edit';
import { IconButton } from '@mui/material';
import { doc, setDoc } from 'firebase/firestore';
import L, { IconOptions } from 'leaflet';
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
import { Marker, Popup } from 'react-leaflet';
import { defaultPosition } from '../../../hooks/constants';
import { useFirecallId } from '../../../hooks/useFirecall';
@@ -22,7 +22,7 @@ async function updateFircallItemPos(
fcItem: FirecallItem
) {
const newPos = (event.target as L.Marker)?.getLatLng();
- // console.info(`drag end on ${JSON.stringify(gisObject)}: ${newPos}`);
+ // console.info(`drag end on ${JSON.stringify(fcItem)}: ${newPos}`);
if (fcItem.id && newPos) {
const updatePos = {
lat: newPos.lat,
@@ -46,10 +46,7 @@ export default function FirecallItemMarker({
return record.type === 'connection' ? (
) : (
-
+
);
}
@@ -71,6 +68,12 @@ export function FirecallItemMarkerDefault({
)
);
+ useEffect(() => {
+ if (record.lat && record.lng) {
+ setStartPos(L.latLng(record.lat, record.lng));
+ }
+ }, [record.lat, record.lng]);
+
return (
<>