# Creazione di una vetrina MapCard

## Panoramica

Questo tutorial esplorerà efficacemente la creazione di una MapCard Showcase in Experience Cloud utilizzando i componenti Avonni Card e Avonni Map. Questa combinazione è ideale per visualizzare in modo efficace la posizione di un record corrente, arricchendo l'interfaccia utente con elementi interattivi e informativi.

<details>

<summary>Perché usare questi componenti?</summary>

**Avonni Card:**

* **Centralizzare le informazioni chiave:** L'Avonni Card è un punto focale per la presentazione dei dettagli essenziali. Organizza le informazioni su un elemento o una funzionalità specifica in modo chiaro e conciso, facilitando agli utenti la comprensione rapida dei punti principali.
* **Presentazione visiva migliorata:** Con il suo design personalizzabile, l'Avonni Card può essere adattata per evidenziare contenuti importanti in modo attraente, migliorando l'impatto visivo delle informazioni presentate.

**Avonni Map:**

* **Contesto geografico:** L'Avonni Map completa l'Avonni Card fornendo un contesto geografico. Mostra visivamente la posizione correlata all'elemento o alla funzionalità descritta nella scheda, offrendo agli utenti una comprensione spaziale delle informazioni.
* **Esplorazione interattiva:** Gli utenti possono interagire con la mappa per esplorare le posizioni, ottenendo un'esperienza più completa e coinvolgente. Questa interattività aggiunge uno strato dinamico alle informazioni presentate nell'Avonni Card.

</details>

<figure><img src="https://4258905998-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDL6JQuZArjJeQvX2ot4y%2Fuploads%2Fs6njbDNzNN8up2KP6qRJ%2F2023-11-22_19-19-45.png?alt=media&#x26;token=38733485-caf5-4634-b5cb-9681cc7ec011" alt="" width="375"><figcaption></figcaption></figure>

## Guida interattiva alla configurazione passo dopo passo

{% @arcade/embed flowId="gMoobriDJOAheXX0daXD" url="<https://app.arcade.software/share/gMoobriDJOAheXX0daXD>" %}