Indlejr et kort på en hjemmeside

Formål

Vis et kort fra Nordiq WebGIS på en anden hjemmeside ved hjælp af den kode, som delingsværktøjet genererer. Kortet kan vises i en iframe eller via JavaScript-API’et.

Forudsætninger

Du skal kunne åbne kortet og bruge værktøjet Del.
Hjemmesidens redaktør skal kunne indsætte HTML eller den genererede API-kode.
Kortet og dets data skal være delt med hjemmesidens besøgende.
GIS-administratoren har oprettet kortet og eventuelt en kontekst til indlejring. Se Administrér indlejrede kort.

Iframe eller API

Metode	Brug når	Begrænsning
Via indlejret kode (iframe)	Kortet skal vises, og det ikke skal tale med andre elementer på siden	Flere iframes på samme side er mulige
Via API’et	Kortet skal hænge sammen med en liste, tabel eller anden kode på siden	Der kan kun være ét API-kort pr. side

Begge koder genereres i Del. Du kan åbne deling fra forsiden (kortdashboardet) eller fra værktøjslinjen i højre side af kortet.

Sådan gør du

Åbn det ønskede kort på SITENAVN.
Vælg Del, og åbn fanen Indlejr.
Vælg Via indlejret kode for en iframe eller Via API’et, hvis denne mulighed er aktiveret.
Vælg eventuelle viste indstillinger, for eksempel om lagoversigten skal vises.
Kopiér hele den genererede kode.
Indsæt koden i hjemmesidens HTML-komponent eller CMS-modul. Ved API-kode skal hele HTML-siden ikke med, hvis I sætter kortet ind i et eksisterende CMS – brug scriptet og containeren.
Gem siden, og åbn den i et privat browservindue for at teste som anonym bruger.

Live eksempler på de enkelte funktioner ligger under Eksempler: Embedded.

Kontrol

Kortet skal indlæses uden login, hvis siden er offentlig. Kontrollér zoom, lag, informationsværktøj og visning på både stor og lille skærm.

Tips og fejlfinding

Flere kort på samme side: Brug iframe. API’et understøtter kun ét kort pr. side.
Skift kontekst senere: I API-koden kan contextName ændres, uden at kort-id’et behøver at skifte.
Problem: Der vises en login- eller adgangsfejl. Mulig årsag: Kortet, konteksten eller et datalag er ikke delt med besøgende. Løsning: Få ressourceejeren til at kontrollere alle relevante rettigheder.
Problem: Kortet beskæres. Mulig årsag: Containeren har forkert højde eller bredde. Løsning: Tilpas CMS-komponentens størrelse, for eksempel width: 100%; height: 400px;.
Problem: Kortet vises lokalt, men ikke på hjemmesiden. Mulig årsag: CSP, CORS eller iframe-regler. Løsning: Kontakt hjemmesidens tekniske administrator. Se Opsæt indlejrede kort.