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: