---
title: "Så här skapar du en karta | Självstudiekurser - GoodBarber"
description: "Hej och välkommen till din nya GoodBarber-tutorial!\r \r Idag ska vi lära oss hur du skapar en karta i din app.\r Du kommer att kunna lägga till så många punkter som du vill för att presentera platser f…"
canonical_url: "https://se.goodbarber.com/tutorials/content/sa-har-skapar-du-en-karta/"
lang: sv
---

# Så här skapar du en karta | Självstudiekurser - GoodBarber

[Tillbaka](https://se.goodbarber.com/tutorials/)

# Så här skapar du en karta

Hej och välkommen till din nya GoodBarber-tutorial!

Idag ska vi lära oss hur du skapar en karta i din app.
Du kommer att kunna lägga till så många punkter som du vill för att presentera platser för dina användare.

Låt oss lägga till vår sektion i menyn Min app > Innehåll > Sektioner.

Klicka på Lägg till en sektion.
Välj Karta.

namnge sektionen och lägg till den.

Låt oss nu redigera innehållet.

Jag klickar på Skapa en punkt för att lägga till min första punkt.

namnge punkten;

Jag anger adressen och de geografiska koordinaterna.

Jag kan lägga till innehåll för att beskriva min punkt.

Text, foto, video, citat och inbäddningskod.

På höger sida kan jag välja det avsnitt som min punkt hör till om jag har flera kartor i min app.

Jag kan lägga till åtgärdsknappar och en webbplats.

Låt oss välja stil för min ikon.
Dess färg.

Jag kan också lägga till en anpassad ikon här.

Och slutligen aktivera eller inte kommentarerna.

Slutligen, på SEO-fliken, anger jag metadata för min punkt.

Och publicera min punkt.

Låt oss gå vidare till sektionsdesign.
Kartavsnittet erbjuder flera vyer:
- En kartvy
- En vy med en punktlista
- och slutligen en detaljerad vy över punkterna;

Jag håller på att redigera min punktlista.

Jag kan välja att dölja den här vyn och bara visa kartvyn.

Och även i vilken ordning mina vyer ska visas.

Här visar jag min lista först.

Sedan väljer jag färg på bakgrunden och kanterna.

Miniatyrbilden och informationsdisplayen.

Färger och teckensnitt för texterna/

Färgen på fyrvägskontrollen.

Och slutligen miniatyrbilden.

Jag gör samma sak för detaljvyn av punkterna.

Här är min design färdig :)

Sist, parametrarna för sektionen.

I min sektionslista klickar jag på Inställningar.
Här kan jag lägga till kategorier, ändra sorteringsordningen för mina punkter, hantera kommentarer.

Slutligen SEO-metadata.

Nu vet du hur du lägger till en eller flera kartor i din app!

Vi ses snart för en annan handledning!

## Relaterade videor

[InnehållSå här hanterar du dina appavsnitt](/tutorials/content/sa-har-hanterar-du-dina-appavsnitt/)

![Så här hanterar du dina appavsnitt](https://portal.ww-cdn.com/portal_static/images/videos10.ee7c86369426.jpg)

[InnehållSå här hanterar du GoodBarber CMS](/tutorials/content/sa-har-hanterar-du-goodbarber-cms/)

![Så här hanterar du GoodBarber CMS](https://portal.ww-cdn.com/portal_static/images/videos11.9831ea33bee9.jpg)

[InnehållSå här kopierar du CMS-innehåll](/tutorials/content/sa-har-kopierar-du-cms-innehall/)

![Så här kopierar du CMS-innehåll](https://portal.ww-cdn.com/portal_static/images/videos12.9b67d27c14b9.jpg)

[InnehållSå här hanterar du kommentarer](/tutorials/content/sa-har-hanterar-du-kommentarer/)

![Så här hanterar du kommentarer](https://portal.ww-cdn.com/portal_static/images/videos13.c9a28ae5ce12.jpg)

[InnehållSå här lägger du till kategorier/filter i dina avsnitt](/tutorials/content/sa-har-lagger-du-till-kategorierfilter-i-dina-avsnitt/)

![Så här lägger du till kategorier/filter i dina avsnitt](https://portal.ww-cdn.com/portal_static/images/videos14.fd4d0e2c775b.jpg)

[InnehållSå här lägger du till länkar i CMS-avsnitt](/tutorials/content/sa-har-lagger-du-till-lankar-i-cms-avsnitt/)

![Så här lägger du till länkar i CMS-avsnitt](https://portal.ww-cdn.com/portal_static/images/videos15.a47e688ba735.jpg)

[InnehållSå här hanterar du PDF-filer](/tutorials/content/sa-har-hanterar-du-pdf-filer/)

![Så här hanterar du PDF-filer](https://portal.ww-cdn.com/portal_static/images/videos16.ef1bd6af4ffd.jpg)

[InnehållSå här anpassar du din 404-sida](/tutorials/content/sa-har-anpassar-du-din-404-sida/)

![Så här anpassar du din 404-sida](https://portal.ww-cdn.com/portal_static/images/videos17.2b57c18e0e71.jpg)

[InnehållSå här skapar du artiklar](/tutorials/content/sa-har-skapar-du-artiklar/)

![Så här skapar du artiklar](https://portal.ww-cdn.com/portal_static/images/videos18.be5273fa02e6.jpg)

[InnehållSå här visar du ett fotogalleri](/tutorials/content/sa-har-visar-du-ett-fotogalleri/)

![Så här visar du ett fotogalleri](https://portal.ww-cdn.com/portal_static/images/videos19.f7a42a4e62fa.jpg)