Søg i Septima Widget K

Maplinks ​

Åben et eksternt link direkte med en koordinat fra kortet. Det kan f.eks. bruges til at vise Skråfoto, link til Google Maps eller lignende. Det kan enten være ved klik i kortet eller ved klik på en knap og benytte kortets centerpunkter.

Det er muligt at tilføje en eller flere knapper, der aktiverer funktionen.

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.

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.

Indlæs én eller flere CSS filer på denne måde:

json
"css": [
  "https://septima.dk/widget/custom.css"
]

host ​

  • Type: string

Angiv en URL som en (template)[/components/helpers/template], hvor x og y indgår. F.eks. som her: https://www.google.com/maps?q&layer=c&cbll=<%= y %>,<%= x %>&cbp=11,270,0,0,0.

crs ​

  • Type: string
  • Default: EPSG:25832

Servicens koordinatreferencesystem defineret i EPSG, eksempelvis: EPSG:25832. Herved bliver punktet transformeret fra kortets koordinatsystem til servicens koordinatsystem inden ovenstående template benyttes.

useCenterPoint ​

  • Type: boolean
  • Default: false

Som default benyttes klik i kortet. Det det er muligt at benytte kortet center i stedet med at sætte useCenterPoint til true.

buttons ​

  • Type: array

Angiv én eller flere knapper, der aktiverer linket. For hver button angives "title", "className", "buttonIndex" samt "html" (optional). "title" bruges til at angive en tekst, der vises når musen holdes over knappe. "className" tilføjer en CSS-klasse til selve knappen. "html" erstatter indholdet af kanppen med det, der er angivet her. På denne måde er det muligt f.eks. at skifte ikon på knappen. "buttonIndex" benyttes til at angive rækkefølgen på knapperne.

host er en (template)[/components/helpers/template] for den URL, der kaldes med.

crs angives hvis host har brug for en anden projektion end den som kortet er i.

Her er et eksempel på, hvordan en 'button' kan angives:

json
"buttons": [
  {
    "title": "Google Maps",
    "buttonIndex": 2,
    "useCenterPoint": true,
    "host": "https://www.google.com/maps/@?api=1&map_action=map&center=<%= y %>,<%= x %>&zoom=18",
    "srs": "EPSG:4326"
  }
]

Eksempler ​

Eksempler, der bruger denne komponent: