Kaartveld

Kaartveld

Het map-veld slaat gestructureerde, locatiegerichte gegevens op.

Geschikt voor

  • kantoorlocaties
  • adresblokken
  • kaartgestuurde contactsecties
  • gestructureerde plaatsinformatie

Voorbeeldschema

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

Sjabloongebruik

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

Voorbeeld van kaartweergave:

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

Wanneer gebruiken

Gebruik map wanneer de inhoud echt plaatsgericht is en als gestructureerde locatiegegevens moet blijven.

Wanneer niet gebruiken

Gebruik map niet voor:

  • platte tekstadressen zonder behoefte aan gestructureerde locatiegegevens
  • generieke contactgegevens

Gebruik textarea of text als de inhoud slechts eenvoudige tekst is.

Gedrag tijdens runtime

Het map-veld is ontworpen voor gestructureerde locatiegegevens en runtime-weergave van kaarten.

Typische gebruikspatronen zijn onder meer:

  • {officeLocation} voor standaard kaartoutput
  • {officeLocation.width(600)} voor output met beperkte breedte
  • {officeLocation.height(400)} voor output met beperkte hoogte
  • {officeLocation.size(800,500)} voor expliciete afmetingen

Dit maakt het map-veld anders dan platte-tekst-adresvelden. De waarde is niet slechts tekst. Het is een gestructureerde locatie-invoer die een interactieve kaartcontainer kan weergeven.

Technische notities

  • gebruik map wanneer de sectie echt locatiegedrag nodig heeft, niet alleen een adresreeks
  • houd nabijgelegen tekstvelden voor labels, routebeschrijvingen of kantoornamen in plaats van proza in het map-veld te dwingen
  • gebruik methode-aanroepen voor afmetingen wanneer het ontwerp gecontroleerde kaartafmetingen vereist
  • als de pagina slechts één platte adresregel nodig heeft, gebruik dan text of textarea in plaats daarvan

Gerelateerd