Ismail/nodeMap
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: startIcon.js triangle svg

Browse Source
This commit is contained in:
ISA
2024-07-11 13:32:29 +02:00
parent f75db21738
commit 21d5932b8b
1 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
components/StartIcon.js
View File

@@ -1,12 +1,16 @@
// Custom circle icon for draggable markers
// Custom triangle icon for draggable markers // Custom triangle icon for draggable markers
import L from "leaflet"; import L from "leaflet";
const startIcon = L.divIcon({ const startIcon = L.divIcon({
className: "custom-start-icon", className: "custom-start-icon",
html: "<div style='width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 14px solid gray;'></div>", // Graues Dreieck html: `
iconSize: [10, 10], <svg width="18" height="18" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
iconAnchor: [8, 8], <polygon points="10,2 18,18 2,18" fill="black" />
<polygon points="10,5 16,16 4,16" fill="gray" />
</svg>
`, // Schwarzes Dreieck innerhalb eines grauen Dreiecks
iconSize: [18, 18],
iconAnchor: [9, 18],
}); });
export default startIcon; export default startIcon;