borg/drone-detector
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix jwt-token

Browse Source
This commit is contained in:
Alexander Borg
2025-08-18 05:31:07 +02:00
parent 4571619e7d
commit af2a1078ac
1 changed files with 25 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
client/src/pages/MapView.jsx
View File

@@ -71,14 +71,33 @@ const createDroneIcon = (rssi, droneType) => {
return new Icon({ return new Icon({
iconUrl: `data:image/svg+xml;base64,${btoa(` iconUrl: `data:image/svg+xml;base64,${btoa(`
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="28" height="28"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32">
<circle cx="12" cy="12" r="11" fill="${color}" stroke="#fff" stroke-width="2" opacity="0.8"/> <!-- Drone body (center) -->
<path d="M12 6l-2 4h4l-2-4zm0 6l-3 3h6l-3-3z" fill="#fff"/> <ellipse cx="16" cy="16" rx="6" ry="3" fill="${color}" stroke="#fff" stroke-width="1"/>
<!-- Drone arms -->
<line x1="6" y1="10" x2="26" y2="22" stroke="${color}" stroke-width="2"/>
<line x1="26" y1="10" x2="6" y2="22" stroke="${color}" stroke-width="2"/>
<!-- Propellers (rotors) -->
<circle cx="6" cy="10" r="3" fill="none" stroke="#fff" stroke-width="1.5" opacity="0.9"/>
<circle cx="26" cy="10" r="3" fill="none" stroke="#fff" stroke-width="1.5" opacity="0.9"/>
<circle cx="6" cy="22" r="3" fill="none" stroke="#fff" stroke-width="1.5" opacity="0.9"/>
<circle cx="26" cy="22" r="3" fill="none" stroke="#fff" stroke-width="1.5" opacity="0.9"/>
<!-- Propeller blades -->
<ellipse cx="6" cy="10" rx="2.5" ry="0.8" fill="#fff" opacity="0.7"/>
<ellipse cx="26" cy="10" rx="2.5" ry="0.8" fill="#fff" opacity="0.7"/>
<ellipse cx="6" cy="22" rx="2.5" ry="0.8" fill="#fff" opacity="0.7"/>
<ellipse cx="26" cy="22" rx="2.5" ry="0.8" fill="#fff" opacity="0.7"/>
<!-- Camera/gimbal -->
<circle cx="16" cy="19" r="1.5" fill="#333" stroke="#fff" stroke-width="0.5"/>
</svg> </svg>
`)}`, `)}`,
iconSize: [28, 28], iconSize: [32, 32],
iconAnchor: [14, 14], iconAnchor: [16, 16],
popupAnchor: [0, -14], popupAnchor: [0, -16],
}); });
}; };