The simplest way to get started with VTS is by following some of our tutorials. The tutorials are organized into two main sections and roughly sorted by complexity starting with the simplest ones.
- :ref:`vtsjs-gpx-viewer`: use VTS-Browser-JS Geodata API to visualize GPX.
- :ref:`vtsjs-geojson-1`: import GeoJSON from arbitrary source and learn how to style geodata.
- :ref:`vtsjs-geojson-2`: display geodata programmatically generated at frontend, do more advanced styling.
- :ref:`vtsjs-geojson-3`: create interactive application by use of hover events and style switching.
- :ref:`vtsjs-landuse`: enhance the map with interactive layer control and a legend.
- :ref:`vtsjs-import-obj`: place OBJ models from arbitrary source into your map and get more in-depth view to the rendering pipeline.
- List of JSFiddle live examples: extensive list of live examples focused on single feature of VTS-Browser-JS. Some of them are referenced from previous tutorials but there is a lot more worth to check.
- :ref:`vtsfrontend-cpp`: building sample application with the c++ library.
.. toctree:: :maxdepth: 1 :hidden: sample-app gpx-viewer geojson geojson-part2 geojson-part3 landuse-frontend importobj frontend-cpp
Backend tutorials are focused on setting up the VTS Backend environment, preprocessing your data and configuring the VTS streaming servers to serve the data to the client. It is a must-read if you plan to serve your own data through VTS.
- :ref:`setting-vts-backend`: essential basic setup of VTS, most other backend tutorials build atop of it.
- :ref:`mars-peaks-valleys`: set up an interactive 3D globe using local data on your drive (DEM and imagery) and :ref:`mapproxy <mapproxy>`.
- :ref:`mars-peaks-valleys-searchable`: add and style vector nomenclature labels and set up search functionality for the previous tutorial.
- :ref:`landuse-wms-dem`: combine maps available through WMS with open Copernicus DEM using :ref:`mapproxy <mapproxy>`.
- :ref:`landuse-wms-3d`: use :ref:`free layers <free-layer>` to combine 2D land use data with 3D city in eye-pleasing way.
- :ref:`bing-maps-tms`: leverage mapproxy drivers to use Bing Maps in your maps.
- :ref:`cadastre-raster-vector-3d`: fuse two 3D models of Jenstejn village in :ref:`storage <storage>` and overlay them with both raster and styled vector cadastre sourced from MBtiles archive.
.. toctree:: :maxdepth: 1 :hidden: vtsbackend mars-peaks-and-valleys mars-peaks-and-valleys-searchable-nomenclature landuse-wms-dem landuse-wms-dem-cities bing-maps cadastre