Søg i Septima Widget K

Skråfoto ​

Vis Skråfoto for et givent punkt i kortet.

Denne funktion åbner en ny side med Skråfoto fra Dataforsyningen.

Options ​

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

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.

Indlæs én eller flere CSS filer på denne måde:

json
"css": [
  "https://septima.dk/widget/custom.css"
]

translations ​

  • Type: object

Det er muligt at styre alle tekster i Septima Widget. Det gøres på de enkelte komponenter vha. et translations objekt. Det er muligt blot at overskrive en enkelt tekst eller angive et helt nyt sprog. Herunder ses hvilke teskter, der er default for denne komponent.

Vis tekster
json
{
  "da-DK": {
    "activatebutton": "Aktivér skråfoto",
    "open": "Åben skraafoto i ny side"
  },
  "en-US": {
    "activatebutton": "Activate oblique photo",
    "open": "Open oblique photo in new tab"
  }
}

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.

activateButton ​

  • Type: object

Aktivér Skråfoto vha. en knap i kortet. "activateButton" kan indeholde "title", "className" og "html", der alle er optionelle. De har alle en brugbar default værdi. "title" bruges til at angive en tekstn, der vises når musen holdes over knappe. "className" tilføjer en CSS-klasse til selve knappen. "html" erstatter indholdet af kanppen med det, der er angivet her. På denne måde er det muligt f.eks. at skifte ikon på knappen. Her er et eksempel på, hvordan "activateButton" kan angives:

json
"activateButton": {
  "title": "Vis skråfoto",
  "className": "my-style",
  "html": "<span class='mdi mdi-map-search-outline'></span>"
}

useCenterPoint ​

  • Type: boolean
  • Default: false

Som default skal brugeren klikke i kortet for at aktivere Skråfoto. Ved at sætte useCenterPoint til true, benyttes kortets centerpunkt.

Eksempler ​

Eksempler, der bruger denne komponent: