Building UIs with Vuetify

map.apps uses Vuetify.js components in combination with Vue.js to create modern looking UIs. As an example, take a look at the Camera Sample bundle of map.apps for Developers. It defines and uses several Vuetify components to display a camera controls window.


When using Vuetify.js in map.apps, the components are styled based on the configured map.apps theme automatically, so you do not have to restyle the components yourself.

Using light and dark theme-directive in a Vuetify.js component breaks the surrounding map.apps theme. Therefore dynamic switching of Vuetify.js themes is not supported.