
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









