---
title: "Miten luodaan kartta | Oppaat - GoodBarber"
description: "Hei ja tervetuloa uuteen GoodBarber-oppaaseen! \r \r Tänään opettelemme, kuinka luoda kartta sovellukseesi.Kartan luominen sovellukseen.\r Voit lisätä niin monta pistettä kuin haluat esittääksesi p…"
canonical_url: "https://fi.goodbarber.com/tutorials/content/miten-luodaan-kartta/"
lang: fi
---

# Miten luodaan kartta | Oppaat - GoodBarber

[Takaisin](https://fi.goodbarber.com/tutorials/)

# Miten luodaan kartta

Hei ja tervetuloa uuteen GoodBarber-oppaaseen!

Tänään opettelemme, kuinka luoda kartta sovellukseesi.
Kartan luominen sovellukseen.
Voit lisätä niin monta pistettä kuin haluat esittääksesi paikkoja käyttäjillesi.

Lisätään osiomme valikkoon Oma sovellus > Sisältö > Osiot.

napsauta Lisää osio.
Valitse Map.

nimeä osio ja lisää se.

Muokataan nyt sisältöä.

Klikkaan Luo kohta lisätäkseni ensimmäisen kohdan.

Klikkaan Luo kohta lisätäksesi ensimmäisen kohdan.

nimeä piste;

Syötän osoitteen ja maantieteelliset koordinaatit.

Syötän osoitteen ja maantieteelliset koordinaatit.

Voin lisätä sisältöä kuvaamaan pistettäni.

Teksti, kuva, video, lainaus ja upotuskoodi.

Oikealla puolella voin valita osion, johon pisteeni kuuluu, jos sovelluksessani on useita karttoja.

Voin lisätä toimintopainikkeita ja verkkosivuston.

Valitaanpa kuvakkeeni tyyli.
Huomautetaanpa vielä, mikä on kuvakkeeni tyyli.
Sen väri.

Voin myös lisätä mukautetun kuvakkeen tähän.

Ja lopuksi otetaan kommentit käyttöön tai ei.

Viimeiseksi SEO-välilehdellä syötän pisteeni metatiedot.

Viimeiseksi, SEO-välilehdellä syötän pisteeni metatiedot.

Ja julkaisen pisteeni.

Minulla on vielä metatietoja.

Siirrymme nyt osioiden suunnitteluun.
Kartta-osiossa on useita näkymiä:
- Karttanäkymä
- Pistelistanäkymä
- ja lopuksi yksityiskohtainen näkymä pisteistä;

Olen muokkaamassa pisteluetteloani.

Voin halutessani piilottaa tämän näkymän ja tarjota vain Karttanäkymän.

Ja myös sen, missä järjestyksessä näkymäni näkyvät.

Tässä näytän luetteloni ensin.

Hän näyttää luettelon ensin.

Sitten valitsen taustan ja reunojen värin.

Valitaan sitten taustan ja reunojen väri.Valitaan taustan väri.

Mini-kuvan ja infonäyttö.

Pikkukuvan ja infonäyttö.Pikkukuvan ja infonäyttö.

Tekstien värit ja fontit/

Nelisuuntaisen säätimen väri.

Ja lopuksi pikkukuva.

Tehdään sama pisteiden yksityiskohtanäkymälle.

Pisteiden yksityiskohtanäkymälle.

Tässä suunnitteluni on valmis :)

Viimeisenä vielä osion parametrit.

Osioluettelossani klikkaan kohtaa Asetukset.
Täällä voin lisätä luokkia, muuttaa pisteideni lajittelujärjestystä, hallita kommentteja.

Viimeiseksi SEO-metatiedot.

Nyt tiedät, miten voit lisätä yhden tai useamman kartan sovellukseesi!

Näemme pian uudessa opetusohjelmassa !

## Samanlaisia videoita

[SisältöSovelluksen osioiden hallinta](/tutorials/content/sovelluksen-osioiden-hallinta/)

![Sovelluksen osioiden hallinta](https://portal.ww-cdn.com/portal_static/images/videos10.ee7c86369426.jpg)

[SisältöGoodBarber CMS:n hallinta](/tutorials/content/goodbarber-cmsn-hallinta/)

![GoodBarber CMS:n hallinta](https://portal.ww-cdn.com/portal_static/images/videos11.9831ea33bee9.jpg)

[SisältöCMS-sisällön kopioiminen](/tutorials/content/cms-sisallon-kopioiminen/)

![CMS-sisällön kopioiminen](https://portal.ww-cdn.com/portal_static/images/videos12.9b67d27c14b9.jpg)

[SisältöKuinka hallita kommentteja](/tutorials/content/kuinka-hallita-kommentteja/)

![Kuinka hallita kommentteja](https://portal.ww-cdn.com/portal_static/images/videos13.c9a28ae5ce12.jpg)

[SisältöKuinka lisätä kategorioita/suodattimia osioihinne?](/tutorials/content/kuinka-lisata-kategorioitasuodattimia-osioihinne/)

![Kuinka lisätä kategorioita/suodattimia osioihinne?](https://portal.ww-cdn.com/portal_static/images/videos14.fd4d0e2c775b.jpg)

[SisältöKuinka lisätä linkkejä CMS-osiossa](/tutorials/content/kuinka-lisata-linkkeja-cms-osiossa/)

![Kuinka lisätä linkkejä CMS-osiossa](https://portal.ww-cdn.com/portal_static/images/videos15.a47e688ba735.jpg)

[SisältöPDF-tiedostojen hallinta](/tutorials/content/pdf-tiedostojen-hallinta/)

![PDF-tiedostojen hallinta](https://portal.ww-cdn.com/portal_static/images/videos16.ef1bd6af4ffd.jpg)

[SisältöKuinka muokata 404-sivua](/tutorials/content/kuinka-muokata-404-sivua/)

![Kuinka muokata 404-sivua](https://portal.ww-cdn.com/portal_static/images/videos17.2b57c18e0e71.jpg)

[SisältöKuinka luoda artikkeleita](/tutorials/content/kuinka-luoda-artikkeleita/)

![Kuinka luoda artikkeleita](https://portal.ww-cdn.com/portal_static/images/videos18.be5273fa02e6.jpg)

[SisältöKuinka näyttää kuvagalleria](/tutorials/content/kuinka-nayttaa-kuvagalleria/)

![Kuinka näyttää kuvagalleria](https://portal.ww-cdn.com/portal_static/images/videos19.f7a42a4e62fa.jpg)