Søg i Septima Widget K
Tegn i kortet
Giver brugeren mulighed for at tegne i kortet. Dette kan f.eks. bruges i forbindelse med konfliktsøgning og formular, men det kan også være relevant i forbindelse med integration til andre systemer.
Det er muligt at styre hvilken geometritype brugeren skal tegne med samt om man kan skifte mellem f.eks. punkt og linje. Det er muligt at benytte "escape" til at afbryde, "enter" til at afslutte (svarer til at dobbeltklikker i kortet) eller "ctrl+z" til at fortryde sidste klik i kortet.
Options
Herunder findes en beskrivelse af de enkelte egenskaber, der kan angiver til tegnefunktionen.
disable
- Type:
boolean
- Default:
false
Skal kontrollen deaktiveres. Herved fungerer det, som om kontrollen ikke var tilføjet. Kan bruges til midlertidig at fjerne en kontrol.
layer
- Type:
string
Angiv id
på det lag, som geometrien skal tegnes i.
Laget skal være et helt almindeligt vektorlag. Hvis man blot vil have et tomt lag, kan man med fordel bruge noget i stil med:
json
{
"id": "tegnelag",
"edit": true,
"features": true,
"type": "geojson",
"data": {
"type": "FeatureCollection",
"crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:EPSG::25832" } },
"features": []
},
"features_dataType": "json",
"features_style": {
"namedstyle": "#004"
}
}
Bemærk
Laget skal have "edit": true
clearOnDraw
- Type:
boolean
- Default:
false
Skal laget tømmes for objekter hver gang der tegnes et nyt objekt.
modify
- Type:
boolean
- Default:
true
Mulighed for at deaktivere redigering af geometri. Dette kan specielt være hensigtsmæssig når der tegnes enkeltpunkt.
type
- Type:
string
Hvilke geometritype skal der tegnes med. Mulige værdier er: Point
, LineString
og Polygon
.
buttons
- Type:
array
Hvis brugeren skal kunne skifte mellem hvilken geometritype, der skal tegnes med, er det muligt at angive en liste med knapper, der skal være tilgængelige.
Til hver knap angives hvilken geometritype knappen skal vises. Derudover er det muligt at angive en tekst, der vises som tooltip på knappen. Hvis der er behov for at skifte ikoner, så kan det gøres med CSS, ved at angive et className
.
Det er også muligt at angive en knap af typen Complete
, der viser en knap, som brugeren kan afslutte aktuelle tegning med. Knappen vises når brugeren har placeret de to første punkter i en linje eller de tre første funkter i en polygon.
json
"buttons": [
{
"text": "Tegn punkt",
"type": "Point",
"className": "mdi mdi-map-marker-plus",
"buttonIndex": 4
},
{
"text": "Tegn linje",
"type": "LineString",
"className": "mdi mdi-vector-line",
"buttonIndex": 5
},
{
"text": "Tegn polygon",
"type": "Polygon",
"className": "mdi mdi-vector-square",
"buttonIndex": 6
},
{
"text": "Afslut",
"type": "Complete",
"className": "mdi mdi-check",
"buttonIndex": 7
}
]
Eksempler
Eksempler, der bruger denne komponent: