---
title: "Come creare una mappa | Tutorial - GoodBarber"
description: "Oggi impareremo come creare una mappa nella tua app.\r Potrai aggiungere tutti i punti che vuoi per presentare i luoghi ai tuoi utenti.\r \r Aggiungiamo la nostra sezione nel menu La mia app > Conten…"
canonical_url: "https://it.goodbarber.com/tutorials/contenuto/come-creare-una-mappa/"
lang: it
---

# Come creare una mappa | Tutorial - GoodBarber

[Indietro](https://it.goodbarber.com/tutorials/)

# Come creare una mappa

Oggi impareremo come creare una mappa nella tua app.
Potrai aggiungere tutti i punti che vuoi per presentare i luoghi ai tuoi utenti.

Aggiungiamo la nostra sezione nel menu La mia app > Contenuto > Sezioni.

Clicca su Aggiungi una sezione.
Seleziona Mappa.

Dai un nome alla sezione e aggiungila.

Ora modifichiamo il contenuto.

Clicco su Create a point per aggiungere il mio primo punto.

Do un nome al punto;

Inserisco l'indirizzo e le coordinate geografiche.

Posso aggiungere contenuti per descrivere il mio punto.

Testo, foto, video, citazione e codice embed.

Sul lato destro, posso selezionare la sezione a cui appartiene il mio punto se ho diverse mappe nella mia app.

Posso aggiungere pulsanti di azione e un sito web.

Selezioniamo lo stile della mia icona.
Il suo colore.

Posso anche aggiungere un'icona personalizzata qui.

E infine abilitare o meno i commenti.

Infine, nella scheda SEO, inserisco i metadati del mio punto.

E pubblico il mio punto.

Passiamo al design della sezione.
La sezione Mappa offre diverse schermate:
Una Mappa
Un elenco di punti
e infine una schermata dettagliata dei punti;

Sto modificando l'elenco dei punti.

Posso scegliere di nascondere questa shcermata e mostrare solo la Mappa.

E anche l'ordine di visualizzazione delle mie schermate.

Qui visualizzerò prima la mia lista.

Poi seleziono il colore dello sfondo e dei bordi.

La visualizzazione delle miniature e delle informazioni.

I colori e i caratteri dei testi

Il colore del controller four-way

E infine la miniatura.

Faccio lo stesso per la visualizzazione dettagliata dei punti.

Ecco, il mio design è finito :)

Ultima cosa, i parametri della sezione.

Nella lista della mia sezione clicco su Impostazioni.
Qui posso aggiungere categorie, cambiare l'ordine dei miei punti, gestire i commenti.

Infine i metadati SEO.

Ora sai come aggiungere una o più mappe nella tua app!

A presto per un altro tutorial!

## Video simili

[ContenutoCome gestire le sezioni della tua app](/tutorials/contenuto/come-gestire-le-sezioni-della-tua-app/)

![Come gestire le sezioni della tua app](https://portal.ww-cdn.com/portal_static/images/videos10.ee7c86369426.jpg)

[ContenutoCome gestire il CMS di GoodBarber](/tutorials/contenuto/come-gestire-il-cms-di-goodbarber/)

![Come gestire il CMS di GoodBarber](https://portal.ww-cdn.com/portal_static/images/videos11.9831ea33bee9.jpg)

[ContenutoCome copiare i contenuti CMS](/tutorials/contenuto/come-copiare-i-contenuti-cms/)

![Come copiare i contenuti CMS](https://portal.ww-cdn.com/portal_static/images/videos12.9b67d27c14b9.jpg)

[ContenutoCome gestire i commenti](/tutorials/contenuto/come-gestire-i-commenti/)

![Come gestire i commenti](https://portal.ww-cdn.com/portal_static/images/videos13.c9a28ae5ce12.jpg)

[ContenutoCome aggiungere categorie e filtri alle tue sezioni](/tutorials/contenuto/come-aggiungere-categorie-e-filtri-alle-tue-sezioni/)

![Come aggiungere categorie e filtri alle tue sezioni](https://portal.ww-cdn.com/portal_static/images/videos14.fd4d0e2c775b.jpg)

[ContenutoCome aggiungere link alle sezioni CMS](/tutorials/contenuto/come-aggiungere-link-alle-sezioni-cms/)

![Come aggiungere link alle sezioni CMS](https://portal.ww-cdn.com/portal_static/images/videos15.a47e688ba735.jpg)

[ContenutoCome gestire I file PDF](/tutorials/contenuto/come-gestire-i-file-pdf/)

![Come gestire I file PDF](https://portal.ww-cdn.com/portal_static/images/videos16.ef1bd6af4ffd.jpg)

[ContenutoCome personalizzare la tua pagina 404](/tutorials/contenuto/come-personalizzare-la-tua-pagina-404/)

![Come personalizzare la tua pagina 404](https://portal.ww-cdn.com/portal_static/images/videos17.2b57c18e0e71.jpg)

[ContenutoCome creare articoli](/tutorials/contenuto/come-creare-articoli/)

![Come creare articoli](https://portal.ww-cdn.com/portal_static/images/videos18.be5273fa02e6.jpg)

[ContenutoCome mostrare una galleria di immagini](/tutorials/contenuto/come-mostrare-una-galleria-di-immagini/)

![Come mostrare una galleria di immagini](https://portal.ww-cdn.com/portal_static/images/videos19.f7a42a4e62fa.jpg)