Skip to content

Rute

Beregn ruter mellem to punkter i kortet. Det er muligt at klikke i kortet eller søge et punkt via søgefeltet

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.

detach

  • Type: string

Angiv en reference til et alternativ html-element, som denne kontrol skal vises i. Det kan benyttes til at placere indholdet af en kontrol et andet sted på sin side. Hvis detach har værdien "abc", så skal der tlføjes et element til HTML'en på denne form: <div data-widget-detach="abc"/>. Hvis elementet ikke findes, så fungerer kontrollen, som hvis detach ikke var angivet.

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.

keepInFullscreen

  • Type: boolean
  • Default: false

Benyttes når funktionen er "detached" og funktionen "fullscreen" er inkluderet i konfigurationen. Hvis "keepInFullscreen" sættes til true, så er funktionen tilgængelig når kortet vises i fullscreen.

apikey

  • Type: string

En API-nøgle, som er gyldig til Septimas rutewebservice.

  • Type: string

Angiver den html-template, der anvendes til at præsentere i overskriften på boksen. Hvis ikke angivet, så vises der en default tekst. Teksten behandles som en template, hvor der er adgang til "profile", "dist" og "time". For denne template er følgende attributter tilgængelige; <%= profile %>, <%= time.s %>, <%= time.m %>, <%= time.h %>, <%= dist.distance %> og <%= dist.unit %>. De kan alle benyttes til at fortælle brugeren hvorlang ruten er og hvor lang tid det tager med den pågældende ruteprofil.

subheader

  • Type: string

Angiver den html-template, der anvendes til at præsentere sammen med listen af punkter. Hvis ikke angivet, så vises der ikke nogen tekst. Med "subheader" kan man styre teksten under listen. Teksten behandles som en template, hvor der er adgang til "points". Herved kan teksten være afhængig af antallet af punkter. Læs mere om templates generelt her.. For denne template er der to tilgængelige attributter; <%= title %> og <%= content %>, hvor <%= title %> benyttes til at skrive, hvor ruten starter, mens <%= content %> er dér, hvor listen indsættes. De enkelte rækker i listen styres af template_route på laget.

profile

  • Type: string
  • Default: car

Angiver den ruteprofil, der anvendes fra ruteservicen. "car" beregner bilruter, "bicycle" beregener cykelruter, "foot" beregner for gående, mens "bus" beregner for kørsel med større køretøjer. Derudover er det muligt at benytte "air", som beregner luftlinjeafstanden mellem punkterne.

profileselect

  • Type: objekt

Giver brugeren mulighed for at skifte mellem forskelige ruteprofiler

json
"profileselect": [
    {"name": "Bil", "value": "car", "icon": "car"},
    {"name": "Cykel", "value": "bicycle", "icon": "bike"},
    {"name": "Gang", "value": "foot", "icon": "walk"},
    {"name": "Lastbil", "value": "bus", "icon": "truck"},
    {"name": "Luftlinjeafstand", "value": "air", "icon": "airplane"}
]

limit

  • Type: integer

Antallet af destinationer, der skal vises i listen.

zoomOptions

  • Type: object

Hvis angivet, så zoomes der til objektet når det er valgt. Det er muligt at angive, hvordan der skal zoomes til objektet i kortet. Læs mere om zoomOptions her.

Eksempler

Eksempler, der bruger denne komponent: