Adding 2D Data

Bring Your 2D Map to Life

In this lecture, you’ll learn how to add 2D map and layers to your VC Map application and configure them for user interaction. You’ll start by adding OpenLayers map, integrate TMS and WMS layers, and group them for better usability.

What You Will Learn

  • How to add 2D map

  • How to integrate 2D layers

  • How to create an exclusive groups

Video Tutorial

Steps Overview

  1. In the App Configurator, open your App in Edit mode.

  2. Click the module, then click the puzzle icon and choose "Edit module components".

  3. Add a 2D map by selecting "OpenLayers Map".

  4. Add your 2D background layers:

    • A TMS layer (e.g. orthophoto)

    • A WMS layer (e.g. base map)

  5. Group the TMS and WMS layers into an exclusive group to allow users to toggle between them.

  6. Save your app configuration.


After adding the layers, they will appear under the Content section of the App Configurator.

After adding at least one map and one layer, your module automatically becomes an Application Module. You’ll notice the module icon change accordingly.