Søg i Septima Widget K
Info
Få vist en infoboks når brugeren klikker på et objekt i kortet.
Kontrol, der styrer, om der skal være info på data, og om det skal vises, når musen føres over data eller ved at klikke på data. Tilføj blot template_info
til laget for at bestemme indholdet af infoboksen.
I sin template er det muligt at tilføje forskellige funktioner ved at angive en attribut på et HTML-element. Det kan f.eks. være data-widget-toggle="udvid"
der gør at klasses på infoboksen skifter til "udvid" når der klikkes på elementet.
Hvis man angiver data-widget-close="true"
, så lukkes infoboksen, når der klikkes på dette element. Hvis data-widget-carousel="true"
tilføjes, kan der oprettes en karrusel, der f.eks. kan bruges til at vise billeder. Dette kan dog kræve lidt CSS kendskab.
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.
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.
eventtype
- Type:
string | string[]
Typen af interaktionen. Gyldige værdier: "hover", "click", "featureselected" eller "mapclick". Ved "mapclick", søges der også via en service, hvis der er angivet en "features_infohost" på laget. Ved "featureselected" kommer infoboksen frem hvis et objekt vælges via f.eks. listevisningen.
type
- Type:
string
- Default:
cloud
Hvordan skal info vises. Gyldige værdier: "popup" og "cloud".
closeButton
- Type:
boolean
- Default:
false
Vis en lukknap i infoboksen. Når brugeren klikker på knappen, lukkes boksen og markeringen fjernes. Bemærk at denne funktion pt. ikke er hensigtsmæssig hvis man samtidig har sat multifeature
til mere end 1
.
autoPan
- Type:
boolean
- Default:
true
Kan benyttes ved "type": "cloud"
. Skal kortet automatisk panorere så infoboksen er inden for kortets udsnit?
scrollTo
- Type:
boolean
- Default:
true
Kan benyttes ved "type": "popup"
samt hvor infoboksen er detached
. Skal browseren scrolle til infoboksen uden for kortet, når et objekt vælges i kortet?
multifeature
- Type:
integer
- Default:
1
Hvis der ligger flere vektorfeatures i samme punkt, er det som default kun den øverste features, der rammes. Ved at angive "multifeature", er det muligt at bestemme hvor mange features, der skal vises info på. Hvis der er flere features, listes de over hinanden i infoboksen. Det er en god idé at begrænse antallet ved at sætte denne parameter til eksempelvis 5. Herved er det kun de 5 øverste features, der vises information for.
offset
- Type:
array
- Default: [0,0]`
Kan benyttes ved "type": "cloud"
. Hvordan skal infoboksen placeres i forhold til den feature, man har klikket på. Default [0,0]
er lidt over featuren. Det første tal er i x-aksens retning, mens det andet tal er i y-aksens retning. Det er også muligt at angive template_info_offset
på et lag, hvis dette offset skal være forskelligt fra lag ti lag.
service
- Type:
object | object[]
Et objekt, der indeholder "url" og "type" med henholdsvis url'en, der skal kaldes ved "mapclick", og hvilken type servicen er. Typen kan pt være "spatialsuite", men på sigt kunne det være andet såsom "WFS".
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: