Søg i Septima Widget K
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.
header
- 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: