Learning VTS

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.

Frontend

Frontend tutorials are focused on building apps on top of the VTS browser API, describing various parts of its functionality. Being the most accessible, most torials are focused on the JavaScript API. A few tutorials are sequels of backend tutorials but most of them can be followed without setting up VTS Backend.

• Writing a Simple VTS-Browser-JS application: set up the most basic JavaScript web application possible to browse your maps.
• GPX Track Viewer: use VTS-Browser-JS Geodata API to visualize GPX.
• GeoJSON: Import and Styling with VTS-Browser-JS: import GeoJSON from arbitrary source and learn how to style geodata.
• GeoJSON: Import and Extending with VTS-Browser-JS: display geodata programmatically generated at frontend, do more advanced styling.
• GeoJSON: Hover Events in VTS-Browser-JS: create interactive application by use of hover events and style switching.
• Land Use: Adding Legend and Layer Switch to The Map: enhance the map with interactive layer control and a legend.
• Importing OBJ Models with VTS-Browser-JS: 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.
• Introduction to VTS-Browser-CPP: building sample application with the c++ library.

Backend

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.

• Setting up Your Own VTS Backend Environment: essential basic setup of VTS, most other backend tutorials build atop of it.
• The Peaks and Valleys of Mars: set up an interactive 3D globe using local data on your drive (DEM and imagery) and mapproxy.
• The Peaks and Valleys of Mars, Part 2: Searchable Nomenclature: add and style vector nomenclature labels and set up search functionality for the previous tutorial.
• Land Use: Copernicus DEM with Urbanatlas and Corine Land Cover WMS: combine maps available through WMS with open Copernicus DEM using mapproxy.
• Land Use: Open Landuse Maps over 3D Data: use free layers to combine 2D land use data with 3D city in eye-pleasing way.
• Displaying Bing Map layers: leverage mapproxy drivers to use Bing Maps in your maps.
• Displaying Raster and Vector Cadastre Over 3D Data: fuse two 3D models of Jenstejn village in storage and overlay them with both raster and styled vector cadastre sourced from MBtiles archive.