Søg i Septima Widget K

Vis markering ​

Få et simpelt kort med markering af en adresse eller en koordinat.

For at benytte denne kontrol, kan der på div-elementet tilføjes en attribut, der fortæller hvilken adresse eller koordinat, der skal vises i kortet.

Angiv div-elementet på denne måde: <div data-widget="..." data-widget-address="frederiksberggade 19, 1459"></div> hvor data-widget-address indeholder en adresse.

Der er også muligt at angive en koordinat med data-widget-point="724472,6175908". Hvis der tilføjes data-widget-text="Septima" vil punktet få tilføjet en attribut, der hedder "text" og den vil indeholde værdien. Herved kan man bruge det sammen med sin template til at få vist f.eks. en infoboks. Hvis det er en adresse, der er angivet, vil alle attributter fra DAWA være tilgængelig. Det er f.eks. vejnavn, husnr m.fl.

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.

zoom ​

  • Type: number
  • Default: 10

Hvor langt skal der zoomes ind i kortet

zoomStyle ​

  • Type: string
  • Default: slow

Angiver, hvordan der skal zoomes hen til objektet. Ved none vises kortet blot. Ved slow zoomes der langsomt hen til objektet (ca. 2 sekunder), fast zoomer hurtigt (ca. 1 sekund), mens faster zoomer meget hurtigt (ca 0,5 sekunder).

features_style ​

  • Type: object

Hvordan skal punktet styles i kortet. Det er for eksempel muligt at angive sti til ikon. Læs mere om features_style her.

layer ​

  • Type: string

Vedat angive et ID på et lag, bliver punktet tilføjet til laget i stedet for et midlertidigt lag. Herved er der flere muligheder for at kombinere det med andre funktioner.

Eksempler ​

Vi kan desværre ikke finde nogen eksempler, der bruger denne komponent.