# 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="/files/5520d44fc9a399acf0037f5b059badae5744b72c" alt="" width="375"><figcaption></figcaption></figure>

## Guida interattiva alla configurazione passo dopo passo

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.avonnicomponents.com/experience-cloud/experience-cloud-it/tutorial/casi-duso/creazione-di-una-vetrina-mapcard.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.