Property Toggles

VMap exposes the full set of MapKit chrome as reactive props. Flip the switches below and watch the compass, zoom control, scale, and other UI appear or disappear live.

PropertyToggles.vue

<template>
  <VMap
    :access-token="token"
    :shows-compass="showsCompass ? 'adaptive' : 'hidden'"
    :shows-zoom-control="showsZoomControl"
    :shows-scale="showsScale ? 'adaptive' : 'hidden'"
    :shows-map-type-control="showsMapTypeControl"
    :shows-user-location-control="showsUserLocationControl"
    :shows-points-of-interest="showsPointsOfInterest"
  />
</template>