Campo map

Campo map

Il campo map memorizza dati strutturati relativi alla posizione.

Ideale per

  • sedi degli uffici
  • blocchi di indirizzo
  • sezioni contatto basate sulla mappa
  • informazioni strutturate sul luogo

Esempio di schema

{ "name": "officeLocation", "label": "Office Location", "type": "map" }

Utilizzo nel template

<div class="office-location">
  {{ officeLocation.address }}
</div>

Esempio di rendering della mappa:

<div class="location-map">
  {officeLocation.size(800,500)}
</div>

Quando usarlo

Usa map quando il contenuto è veramente orientato al luogo e deve rimanere strutturato come dati di localizzazione.

Quando non usarlo

Non usare map per:

  • indirizzi in testo semplice senza necessità di dati di localizzazione strutturati
  • informazioni di contatto generiche

Usa textarea o text se il contenuto è solo testo semplice.

Comportamento in fase di esecuzione

Il campo map è progettato per dati di localizzazione strutturati e per il rendering della mappa a runtime.

Gli schemi d'uso tipici includono:

  • {officeLocation} per l'output della mappa predefinito
  • {officeLocation.width(600)} per un output con larghezza vincolata
  • {officeLocation.height(400)} per un output con altezza vincolata
  • {officeLocation.size(800,500)} per dimensioni esplicite

Questo rende il campo map diverso dai campi indirizzo in testo semplice. Il valore non è solo testo. È un input di posizione strutturato che può visualizzare un contenitore mappa interattivo.

Note tecniche

  • usa map quando la sezione necessita di comportamento reale di localizzazione, non solo di una stringa di indirizzo
  • mantieni campi di testo adiacenti per etichette, indicazioni o nomi degli uffici invece di forzare la prosa nel campo map
  • usa il dimensionamento in stile metodo quando il design necessita di dimensioni della mappa controllate
  • se la pagina necessita solo di una singola riga di indirizzo in testo semplice, usa text o textarea invece

Voci correlate