Skip to content

Udskriv (print)

Udskriv kortet som PDF eller et billede. Det er også muligt at gemme kortet som et billede i udklipsholderen.

Bemærk at for at kunne printe, skal alle services, der vises i kortet, tillade CORS. Dette skylles billedet hentes ud som data for at kunne danne et samlet billede. I nogle tilfælde er det nødvendigt at tilføje "crossOrigin": "anonymous" til laget.

Options

Herunder findes en beskrivelse af de enkelte egenskaber, der kan sættes på funktionen.

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.

css

  • Type: string | string[]

Angiv en sti til en css-fil, der skal loades efter denne kontrol. Herved vil det være muligt at lave en brugertilpasset style af kontrollen.

className

  • Type: string

Tilføj en speciel CSS class til elementet. Dette kan bruges til at styre hvordan elementet ser ud eller placeres på siden.

buttonIndex

  • Type: number
  • Default: 0

Hvis der er flere kompoenter med knapper i kortet, så bliver de tilføjet i en tilfældig rækkefølge. Ved at angive buttonIdex er det muligt at bestemme rækkefølgen. Laveste index kommer først. Hvis to knapper har samme index vil det være tilfældigt hvilken der kommer færst.

title

  • Type: string
  • Default: Print

Tooltip på knappen.

  • Type: boolean
  • Default: false

Giver brugeren mulighed for selv at vælge format og orientering.

popupTitle

  • Type: string
  • Default: Udskriv

Ved "popup": true. Angiv titlen på popup'en.

popupSubTitle

  • Type: string

Ved "popup": true. Angiv en tekst, der vises i toppen af popup'en.

popupButton

  • Type: string
  • Default: Udskriv

Ved "popup": true. Angiv teksten på knappen i popup'en.

fenceText

  • Type: string
  • Default: Kortudsnit, der kommer med på udskrift

Ved "popup": true. Angiv teksten, der vises i kortet.

orientations

  • Type: boolean
  • Default: true

Ved "popup": true. Angiv om brugeren skal have mulighed for at vælge orientering på udskriften.

formats

  • Type: boolean | object
  • Default: true

Ved "popup": true. Hvis angives til false, så vises valgmuligheden for papirstørrelser ikke i popup'en.

Det er også muligt at angive hvilke papirstørrelse, der skal være tilgængelige for brugeren. Det gøres med f.eks.:

json
"formats": [
  {
    "name": "A4",
    "value": "a4",
    "selected": true
  },
  {
    "name": "A3",
    "value": "a3"
  }
]

scales

  • Type: boolean | object
  • Default: false

Ved "popup": true. Hvis angives til true, vises valgmuligheden for an vælge imellem nogle faste målforhold (ud over det aktuelle).

Det er også muligt at angive en liste med målforhold, som brugeren skal kunne vælge imellem. Det gøres f.eks. som her:

json
"scales": [
  {
    "name": "1:500",
    "value": 500
  },
  {
    "name": "1:1000",
    "value": 1000
  }
]

filename

  • Type: string

Angiv navnet på den fil, der bliver dannet. Filnavnet skal inkludere formartet, f.eks. .pdf.

templates

  • Type: object[]

Bemærk

templates kan ikke bruges sammen med popup. Hvis popup er angivet, bliver templates ignoreret.

Her angives hvilke formater, der skal kunne udskrives i. P.t. er det kun muligt at angive ét format.

Som default oprettes der et PDF-dokument med kortet. I templates angives hvor stort kortet skal være samt opløsningen. Bemærk at det kan tage lidt tid at generere dokumentet, hvis opløsningen er høj. Angiv orientation til enten "langscape" (default) eller "portrait". Derudover er det muligt at angive parpirformatet med format til f.eks. "a4" (default).

Angiv filename med navnet på den fil, der bliver dannet. Filnavnet skal inkludere formartet, f.eks. .pdf.

Det er også muligt at udskrive som et billede. Dette gøres ved at angive outputformat med værdien image.

json
"templates": [{
  "name":"Udskriv i A4 liggende",
  "orientation": "landscape",
  "format": "a4",
  "ppi": 150,
  "map_height": 210,
  "map_width": 297
}]

Hvis man har en service, der kan generere en udskrift af kortet, er dette også muligt. Det kan f.eks. være QGIS Server, Geoserver eller Spatial Suite. Det kræver dog, at servicen indeholder alle lag, der skal udskrives:

json
"templates": [{
  "name": "Udskriv i A4 liggende",
  "map_height": 187,
  "map_width": 277,
  "url": "https://kort.haderslev.dk/spatialmap?page=print.pdf.new&mapheight={{height}}&mapwidth={{width}}&map_size={{width}} {{height}}&mapext={{extentspace}}&layers={{layersspace}}&opacities=1&scalebarname=pdf&pageformat=a4&orientation=landscape&map_resolution=200&printscale={{scale}}8&pdfprintlegend=true&printformats=a4_landscape&map_angle=360&ppi=200&titleblock=true&copyrighttext={{copyright}}&date=&profile=widget_kp17"
}]

Eksempler

Eksempler, der bruger denne komponent: