Files
nodeMap/components/gisPolylines/icons/SupportPointIcons.js
2024-08-10 10:32:37 +02:00

28 lines
935 B
JavaScript

// komponents/gisPolylines/icons/SupportPointIcons
import L from "leaflet";
import "leaflet/dist/leaflet.css";
// Icon für Stützpunkt hinzufügen
export const AddSupportPointIcon = L.divIcon({
className: "custom-add-support-point-icon",
html: `
<div style='background-color:green;border-radius:50%;width:12px;height:12px;border: solid white 2px;'>
<div style='color: white; font-size: 10px; text-align: center; line-height: 12px;'>+</div>
</div>
`,
iconSize: [24, 24],
iconAnchor: [12, 12],
});
// Icon für Stützpunkt entfernen
export const RemoveSupportPointIcon = L.divIcon({
className: "custom-remove-support-point-icon",
html: `
<div style='background-color:red;border-radius:50%;width:12px;height:12px;border: solid white 2px;'>
<div style='color: white; font-size: 10px; text-align: center; line-height: 12px;'>-</div>
</div>
`,
iconSize: [24, 24],
iconAnchor: [12, 12],
});