public/traque
1
0
Fork 0
mirror of https://git.rezel.net/LudoTech/traque.git synced 2026-02-09 10:20:16 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

admin interface basic functionalities

Browse Source
This commit is contained in:
Quentin Roussel
2024-03-26 01:21:26 +01:00
parent 2478ee32ec
commit b23d2a63e6
24 changed files with 1504 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
traque-front/components/team/map.jsx
View File

@@ -22,13 +22,28 @@ function MapPan(props) {
}
export default function LiveMap({enemyPosition, currentPosition, ...props}) {
const [positionSet, setPositionSet] = useState(false);
useEffect(() => {
if(!positionSet && JSON.stringify(currentPosition) != "[0,0]") {
setPositionSet(true);
}
}, [currentPosition]);
const [enemyPositionSet, setEnemyPositionSet] = useState(false);
useEffect(() => {
if(!enemyPositionSet && JSON.stringify(enemyPosition) != "[0,0]") {
setEnemyPositionSet(true);
}
}, [enemyPosition]);
return (
<MapContainer {...props} center={[0,0]} zoom={0} scrollWheelZoom={true}>
<TileLayer
attribution='&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
/>
<Marker position={currentPosition} icon={new L.Icon({
{positionSet && <Marker position={currentPosition} icon={new L.Icon({
iconUrl: '/icons/location.png',
iconSize: [41, 41],
iconAnchor: [12, 41],
@@ -38,8 +53,8 @@ export default function LiveMap({enemyPosition, currentPosition, ...props}) {
<Popup>
Votre position
</Popup>
</Marker>
<Marker position={enemyPosition} icon={new L.Icon({
</Marker>}
{enemyPositionSet && <Marker position={enemyPosition} icon={new L.Icon({
iconUrl: '/icons/target.png',
iconSize: [41, 41],
iconAnchor: [12, 41],
@@ -49,7 +64,7 @@ export default function LiveMap({enemyPosition, currentPosition, ...props}) {
<Popup>
Position de l'ennemi
</Popup>
</Marker>
</Marker>}
<MapPan center={currentPosition}/>
</MapContainer>
)