working on map in rms mission

This commit is contained in:
2026-06-06 10:18:30 +03:30
parent efb260b66d
commit 46bb4e4228
2 changed files with 22 additions and 19 deletions

View File

@@ -4,7 +4,22 @@ const DataBox = ({ isSource, isDest, sourcePosition, destPosition, editingTarget
if (!isSource) return null;
return (
<Box sx={{ position: "absolute", bottom: 5, left: 5, zIndex: 1000, backgroundColor: "white", border: "1px solid #e1e1e1", padding: 1, borderRadius: 2, opacity: 0.8, gap: 1, display: "flex", flexDirection: "column" }}>
<Box
sx={{
position: "absolute",
bottom: 5,
left: 5,
zIndex: 1000,
backgroundColor: "white",
border: "1px solid #e1e1e1",
padding: 1,
borderRadius: 2,
opacity: 0.8,
gap: 1,
display: "flex",
flexDirection: "column",
}}
>
<div style={{ display: "flex", alignItems: "end", gap: 4 }}>
<TextField
variant="outlined"
@@ -12,12 +27,7 @@ const DataBox = ({ isSource, isDest, sourcePosition, destPosition, editingTarget
readOnly
value={sourcePosition ? `${sourcePosition.lat.toFixed(6)}, ${sourcePosition.lng.toFixed(6)}` : ""}
/>
<Button
variant="contained"
color="success"
size="small"
onClick={onEditSource}
>
<Button variant="contained" color="success" size="small" onClick={onEditSource}>
ویرایش مبدا
</Button>
</div>
@@ -29,12 +39,7 @@ const DataBox = ({ isSource, isDest, sourcePosition, destPosition, editingTarget
readOnly
value={destPosition ? `${destPosition.lat.toFixed(6)}, ${destPosition.lng.toFixed(6)}` : ""}
/>
<Button
variant="contained"
color="error"
size="small"
onClick={onEditDest}
>
<Button variant="contained" color="error" size="small" onClick={onEditDest}>
ویرایش مقصد
</Button>
</div>
@@ -43,4 +48,4 @@ const DataBox = ({ isSource, isDest, sourcePosition, destPosition, editingTarget
);
};
export default DataBox;
export default DataBox;

View File

@@ -89,9 +89,7 @@ const Routing = () => {
setSelectedRoute({ index: "main", coords: decoded });
if (data.alternates && data.alternates.length > 0) {
const decodedAlternates = data.alternates.map((alt) =>
polyline.decode(alt.trip.legs[0].shape, 6)
);
const decodedAlternates = data.alternates.map((alt) => polyline.decode(alt.trip.legs[0].shape, 6));
setAlternateCoords(decodedAlternates);
} else {
setAlternateCoords([]);
@@ -175,7 +173,7 @@ const Routing = () => {
icon={prevDestIcon}
/>
)}
{alternateCoords.map((coords, index) => (
{alternateCoords.map((coords, index) => (
<Polyline
key={`alternate-${index}-${selectedRoute?.index === index}`}
positions={coords}
@@ -199,4 +197,4 @@ const Routing = () => {
);
};
export default Routing;
export default Routing;