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
mapwanneer 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
textoftextareain plaats daarvan