---
title: "VertiGIS Studio Web"
slug: "vertigis-studio-web"
updated: 2025-04-07T02:13:59Z
published: 2025-04-07T03:46:48Z
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.metromap.com.au/llms.txt
> Use this file to discover all available pages before exploring further.

# VertiGIS Studio Web - 2D

### Creating App in the VertiGIS Studio Web

It is easy to access MetroMap Image Dedicated Most Recent and Time enabled service in VertiGIS Studio Web.

> [!WARNING]
> You need to have MetroMap Image Dedicated Web Map in ArcGIS Online or Portal to consume in VertiGIS Studio Web

#### Steps to build App:

Follow these steps to configure Time Slider Widget in the VertiGIS Studio Web.

1. Click File > New > Select the template you want to use and click Create.

![NewApp](https://cdn.document360.io/64eb4fa4-1b3d-47a1-871b-be0277fc940e/Images/Documentation/NewApp.png)
2. Click on Components selection to enable the selection.

![SelectComponent](https://cdn.document360.io/64eb4fa4-1b3d-47a1-871b-be0277fc940e/Images/Documentation/SelectComponent.png)

1. Click on the Map to configure web map.

![MapSelection](https://cdn.document360.io/64eb4fa4-1b3d-47a1-871b-be0277fc940e/Images/Documentation/MapSelection.png)

1. Click on Select to access MetroMap Image dedicated service from ArcGIS Online.

![SelectMap](https://cdn.document360.io/64eb4fa4-1b3d-47a1-871b-be0277fc940e/Images/Documentation/SelectMap.png)

1. Select the MetroMap Image Dedicated service you want to use which is published in the ArcGIS online.

![MetroMap](https://cdn.document360.io/64eb4fa4-1b3d-47a1-871b-be0277fc940e/Images/Documentation/MetroMap.png)

1. Click Deploy > Development > Launch App

![LaunchApp](https://cdn.document360.io/64eb4fa4-1b3d-47a1-871b-be0277fc940e/Images/Documentation/LaunchApp.png)

1. Sign in to ArcGIS Online.

![Signin](https://cdn.document360.io/64eb4fa4-1b3d-47a1-871b-be0277fc940e/Images/Documentation/Signin.png)

1. The App is launched.

![BrosweApp](https://cdn.document360.io/64eb4fa4-1b3d-47a1-871b-be0277fc940e/Images/Documentation/BrosweApp.png)