Info i kort

Få vist information ved klik i kortet. Data kan f.eks. komme fra din egen service eller fra en offentlig tjeneste.

Bemærk også at dette eksempel benytter foruddefinerede templates, som gør det nemmere at konfigurere infoboksen.

Vis konfigurationen

Konfiguration

HTML

            <div data-widget-url="https://widget.cdn.septima.dk/3.23.4/config/info34.json" data-widget-skoleid="101001"></div>
<script src="https://widget.cdn.septima.dk/3.23.4/widgetconfig.js"></script>
          

Relaterede eksempler

Få inspiration i følgende 70 eksempler:

• Cluster clusterinfo

  Med clustering af mange data i kortet kan man opnå en bedre formidling

• Cluster med grid layout clusterinfo

  Når mange punkter findes i samme område, kan de vises i et grid-layout.

• Cluster med zoombegrænsning clusterinfo

  Når der zoomes langt ind i kortet, skifter cluster til almindelig punktvisning

• Data direkte i konfigurationen kortdatainfo

  Data skrives direkte ind i konfigurationen og vises på kortet - uden brug af services

• Data fra WKT data

  Hent data fra et hvilken som helst datastruktur hvor geometrien er defineret som WKT

• Datofilter filterdatoinfo

  Vis kun data, der er gældende for en given periode. Brugeren kan selv ændre hvilken periode, der skal vises data for.

• Erhvervsområder fra plandata.dk med WFS infowfs

  Hent data direkte fra plandata.dk. Men sørg for at begrænse antallet af objekter, da det kan medføre, at siden bliver langsom

• Erhvervsområder fra plandata.dk med WMS info

  Hent data direkte fra plandata.dk. I dette eksempel hentes data først, når der klikkes i kortet.

• Erhvervsområder fra plandata.dk med WMS og WFS infowmswfs

  Hent data direkte fra plandata.dk. I dette eksempel lægges vektordata oven på et WMS-lag. Herved vises WMS'en hurtigt, men vi kan godt vente på, at vektorlaget er lidt længere tid om at loade. Dette er specielt anvendeligt, hvis vi har mange data, eller man gerne vil have kartografien fra en WMS-server.

• Filter filterinfo

  Mulighed for at filtrere hvilke data, der vises i kortet. Det kan både konfigureres til blot at vise en delmængde af data fra start samt at give brugeren mulighed for selv at vælge kriterier.

• Find nærmeste uden kort ud fra parameter søgfind nærmestelocateuden kort

  Find de nærmeste børnehaver uden visning af kort. Der tages udgangspunkt i en adresse fundet med 'locate'

• Fleksibelt layout layoutlayerswitchsearchtablelayertoggle

  Afprøv lagvælger, listevisning, baggrundskort og søgning i forskellige layout slots.

• Forsinket visning infoforsinket visning

  Tilføj objekter til kortet med en lille forsinkelse

• Fuldskærmskort fullscreeninfosøg

  Giv brugeren mulighed for at få kortet vist, så det dækker hele skærmen. Fuldskærmskortet aktiveres ved, at brugeren klikker på knappen under zoom ind/ud

• Hent data fra GraphQL graphql

  Brug standard POST til at hente data fra f.eks. Datafordelerens GraphQL

• Historie storyinfodata

  Med story mode er det muligt at guide brugeren igennem en række oplysninger og samtidig præsentere oplysningerne i kortet. Herved kan man fortælle brugeren en historie i stedet for blot at vise en liste.

• Hvor langt kan jeg komme konfliktsøgning

  Vis rejsetidsisokroner fra et punkt i kortet.

• Info infowms

  Med enkel infovisning af data i kortet kan man opnå en bedre formidling

• Info hentet fra flere services infolagvælger

  I de tilfælde, at det ikke er muligt at hente alle features ud i browseren, er det muligt at få info fra en eller flere services i stedet.

• Info hentet fra service info

  I de tilfælde, at det ikke er muligt at hente alle features ud i browseren, er det muligt at få info fra en service i stedet.

• Info med billeder infopopup

  Få vist information ved klik i kortet

• Info med foruddefineret template infotemplate

  Benyt en af de foruddefinerede templates til f.eks. info popup.

• Info med funktioner info

  Ved at tilføje forskellige attributter på elementerne i templaten til en Infoboks, er det muligt at give den forskellige funktioner. Det kan f.eks. bruges til at tilføje en 'Luk'-knap

• Info med statisk boks info

  Infoboksen kan vises på flere måder. Her er et eksempel, hvor infoboksen er fast i øverste venstre hjørne. Den kan også placeres som en flydende boks i kortet eller helt afkoblet fra kortet.

• Info ved brug af template infotemplate

  Indholdet i infoboksen er styret af data samt en template, der kan ligge ved siden af data.

• Join data kortinfo

  Berig data fra en service med lokale data. Dette kan f.eks. bruges til at tilføje informationer fra kodelister eller blot at berige en ekstern service, som man ikke selv har kontrol over. Derudover kan give en højere grad af genbrug ved at de samme data bruges i forskelige sammenhæng.

• Jordstykker fra Datafordeleren ud fra BBOX bbox

  Benyt loadingstrategy til at hente vektordata direkte fra datafordeleren.dk. Herved kan samtlige jordstykker findes i kortet som vektordata

• Jordstykker fra WFS info

  Info på jordstykker hentet fra Datafordeleren via WFS

• Kodelister joininfo

  Det er mugligt at sammenstille to datakilder vha. join. Dette kan f.eks. bruges til at hente oplysnigner fra kodelister som i dette eksempel

• Kombineret filter filterclusterinfo

  Avanceret filtrering på baggrund af flere værdier fra data. Filteret er placeret ved siden af kortet for at skabe et bedre overblik over hvilke kriterier, der er angivet. Filteret er stylet, så det passer til ikonerne i kortet.

• Kommuneplan kommuneplan

  Få vist oplysninger om en given kommuneplanramme hentet direkte fra Plandata.dk med både tekst og kort. Angiv blot planID på din widget, og alt andet sker automatisk. Brug den samme widget til at vise en hvilken som helst kommunplanramme.

• Konfliktsøgning ud fra en adresse konfliktsøgninginfosøglokalplaner

  Udfør en konfliktsøgning ved at vælge en adresse

• Kort kortwmsinfohoverfullextent

  Enkel kortvisning med WMS og GeoJSON

• Labels stylelabelinfo

  Vis tekster i kortet ud fra data. Teksterne kan være sammensat fra flere kolonner.

• Lagkonfigration fra fil lag

  Hent konfigurationen til laget fra en fil. Det gør det nemt at konfigurere lag på tværs af konfigurationer. På tilsvarende måde er det også muligt at hente konfigurationen til 'view'.

• Listevisning med info listeinfo

  Brug listevisningen i kombination med info - men med forskellg indhold

• Listevisning med knap liste

  I listen vises en knap, som man skal trykke på for at zoome og markere objektet i kortet. Ved at bruge en knap, øger det tilgængeligheden på siden, og gør det nemmere at navigere for personer, der ikke kan bruge en mus. Det er dog stadig muligt at klikke på en feature i kortet og få den markeret i listen.

• Lokalplaner fra plandata.dk ud fra BBOX bbox

  Benyt loadingstrategy til at hente vektordata direkte fra plandata.dk. Herved kan samtlige vedtagede lokalplaner findes i kortet som vektordata

• Multiselect filter filterclusterinfo

  Filtrering på baggrund af værdier fra data. Filteret kan for eksempel bruges som en lagvælger. Det er muligt at vise/skjule alle.

• POI poi

  Vis points of interests fra Septimas store samling af interessepunkter. I dette eksempel vises samtlige biblioteker i Danmark

• POI performance poi

  Vis 10000 points of interests fra Septimas store samling af interessepunkter i kortet. I dette eksempel benyttes 'styleType': 'static' hvorved vi kan opnå en bedre performance. Skriv til kontakt@septima.dk hvis du vil høre mere om denne service.

• POI performance 2 poi

  Vis 10000 points of interests fra Septimas store samling af interessepunkter i kortet. I dette eksempel benyttes 'styleType': 'semistatic' hvorved vi kan opnå en bedre performance

• POI performance 3 poi

  Vis points of interests fra Septimas store samling af interessepunkter i kortet. I dette eksempel benyttes 'loadingstrategy': 'bbox' hvorved punkterne hentes inden for at aktuelle kortudsnit. Herved kan vi se de mange punkter for hele landet når man er zoomet ind og herved opnå den samme gode performance. Skriv til kontakt@septima.dk hvis du vil høre mere om denne service.

• Punktstyle stylesymbolinfo

  Definér hele stylen på et objekt, herunder også symboler.

• SVG ikoner style

  Brug SVG til at skabe skarpe og detaljerede ikoner i kortet

• Scroll til infoboks info

  Hvis infoboksen f.eks. er placeret under eller over kortet, er det muligt at få browseren til at scrolle til boksen, når objektet vælges i kortet. Herved gøres brugeren opmærksom på at der vises noget information et andet sted på siden

• Skift baggrundskort lagvælgerfullscreen

  Skift mellem baggrundskort i stil med Google Maps

• Skraveringer style

  Brug skravering til at udfylde flader i kortet. Der findes en række forskellige skraveringer, hvor det er muligt at styre farve, linjetykkelse, vinkel mv. Se mere under fillpattern i dokumentationen.

• Stiplet linje style

  Brug flere styles på samme objekt til f.eks. at få stiplede linjer. Det kan også bruges til at danne komplekse ikoner og meget andet

• Streaming af FlatGeobuf fil flatgeobuf

  Data hentes fra en statisk fil på flere Gb. Kun relevate data hentes når de skal bruges og derfor er det hurtigt.

• Style styleinfo

  Brug de foruddefinerede styles med farver og ikoner, eller bestem selv, hvordan data skal præsenteres i kortet.

• Style fra fil styleinfo

  Hent style fra en ekstern kilde. Herved kan den samme style genbruges i flere lag eller konfigurationer

• Supplerende data datacomputed

  Brug computedProperties til at tilføje supplerende attributter på data ud fra eksisterende attributter. Dette kan f.eks. bruges til nemt at definere kategorier,der skal bruges flere steder.

• Søg i S4 søg

  Integration til Spatial Suite. Det gør det muligt at søge i de data, som du selv udstiller via S4.

• Søg matrikler, kommuner mv. søgfullscreen

  Find alt hvad der kan søges i med Gsearch og få vist den rigtige geometri i kortet

• Søgemarkering hentes fra ruteservice søg

  Søg efter en adresse og få markeret ruten, der fører fra et bestemt punkt til adressen i kortet. Få vist en popup med f.eks. afstand og rejsetid

• Søgning søginfo

  Tilføj et søgefelt til din hjemmeside. Mulighed for at søge i en række forskellige data, herunder officielle BBR-adresser, lokalplaner og meget mere. Knyt søgningen til et kort og zoom hen til det, du finder

• Timeslider WMSTime

  Bruge WMS Time via en timeslider i Septima Widget. Dette eksempel benytter Septimas skyggekort service, der kan kaldes med et hvilken som helst tidspunkt på året og få vist hvordan skyggerne falder netop her.

• Valgsteder wfsinfo

  Solrød Kommune har lavet dette eksempel, der benytter Datafordeleren og Dataforsyningen til at vise valgdestrikter og valgsteder i kommunen

• WFS fra Plandata wfsinfo

  Hent vektordata fra Plandata.dk's WFS tjeneste som GML (men brug hellere GeoJSON hvis muligt ved at tilføje &outputFormat=json til URL'en)

• Zoom til en adresse locate

  Start kortet ved at zoome ind til en specifik adresse ud fra en URL-parameter. Samtidig skiftes sidens title, så det passer på den adresse, der er fundet

• Zoom til en plan fra plandata.dk locate

  Start kortet ved at zoome ind til en specifik feature ud fra en URL-parameter. Kald for eksempel siden med ?planid=3673514

• Zoom til et adresseID locate

  Start kortet ved at zoome ind til en specifik adresse ud fra en URL-parameter

• Zoom til indtastet geometri locate

  Start kortet ved at zoome ind til en specifik position ud fra URL-parameter. Det er også muligt at indtaste en geometri og få den vist i kortet. Det kan være WKT, GeoJSON, en koordinat eller en BBOX

• Zoom til lokalt objekt i kortet locate

  Start kortet ved at zoome ind til en specifik feature ud fra en URL-parameter

• Zoom til objekt locate

  Få en widget til at være zoomet ind til et specifikt objekt i kortet ved blot at angive en nøgle til objektet. Herved kan den samme widget bruges på flere sider til at vise noget forskelligt.
  Det er også muligt at angive id i URL'en ?widget-key=H02026

• Zoom til objekt fra CartoDB locatefilterinfo

  Start kortet ved at zoome ind til en specifik feature ud fra en URL-parameter

• Zoom til startudsnit fullextentfullscreen

  Giv brugeren mulighed for at zoome til startudsnittet for kortet.

• Zoom til valgte info

  Info kan konfigureres til at zoome ind til det valgte objekt i kortet

• Zoom ud fra URL parameter locate

  Start kortet ved at zoome ind til en specifik position ud fra URL-parameter

Anvendte funktioner

• Fullscreen (fullscreen)

  Få kortet vist, så det fylder hele skrærmen

• Info (info)

  Få vist en infoboks når brugeren klikker på et objekt i kortet

• Zoom til (locate)

  Zoom til data. Det kan f.eks. bruges til at vise et kort, der er zoomet ind på en bestemt børnehave. Men det kan også bruges til at zoome ind til et bestemt område i kortet ud fra et ID