Parkering

Brug Septima Widget til at vise hvor der er parkering. I dette eksempel benyttes muligheden for at style de enkelte parkeringspladser på en helt særlig måde. Derudover benyttes vores vosenden bibliotek af ikoner, der kan vises i kortet.

I dette eksemple benyttes en template, der er placeret i en seperat fil. Herved er det muligt at benytte den samme template på flere lag. Filens indhold kan ses her:

Vis template til Infoboks fra fil

{
  "namedtemplate": "#card001",
  "subtitle": "adresse",
  "includeAttr": [
    {
      "icon": "directions_car",
      "name": "(antalpladser === 0 ? 'Ukendt antal pladser' : antalpladser === 1 ? '1 plads' : antalpladser + ' pladser')"
    },
    {
      "condition": "p_tid",
      "icon": "av_timer",
      "name": "tid"
    },
    {
      "condition": "p_regler === 'el-ladepladser'",
      "icon": "av_timer",
      "name": "'Reserveret til elbiler under opladning (Tidsbegrænsning: 6-23 (6-23) 6-23)'"
    },
    {
      "condition": "p_regler === 'MC-pladser'",
      "icon": "av_timer",
      "name": "'Motorcykelplads'"
    },
    {
      "type": "link",
      "icon": "public",
      "title": "'Find vej (Google Maps)'",
      "name": "'https://www.google.dk/maps/search/' + breddegrad + '+' + laengdegrad"
    },
    {
      "condition": "bemaerkning !== null && (p_regler === 'Alm. pladser' || p_regler === 'Betalingsparkering')",
      "name": "bemaerkning"
    },
    {
      "condition": "p_kommentar",
      "name": "p_kommentar"
    }
  ]
}

Stylen i kortet benytter centroiden for parkeringspladsernes til at vise ikonet. Når brugeren er zoomet langt ud, er ikonerne skaleret, så de ikke fylder så meget i kortet. Når brugeren er zoomet langt ind i kortet, vises en outline for selve parkeringspladsen. Det er hele tiden muligt at klikke i kortet for at få vist information om den enkelte parkeringsplads.

Vis konfigurationen

Konfiguration

HTML

            
<div data-widget-url="https://widget.cdn.septima.dk/3.14.3/config/layerswitch46.json"></div>
<script src="https://widget.cdn.septima.dk/3.14.3/widgetconfig.js"></script>
            
          

Relaterede eksempler

Der er desværre ingen eksempler, der bruger de samme komponenter.

Anvendte funktioner