Display a specific area (Modes Panel UI)

Learn how to set a basemap and display a specific area by using the Modes Panel UI.

Local scene UI result

In this tutorial, you will create a local scene using a Web Map from ArcGIS Online as a basemap. The surface of the scene is defined with an elevation layer, and the camera is positioned to display a cropped area of New York City.


Before starting this tutorial, you should:

  1. Have an ArcGIS account and an API key to access ArcGIS Online services while you are developing. If you don't have an account, sign up for free.
  2. Ensure your development environment meets the system requirements.
  3. Take Install and setup steps, and create a new project, and select the Modes Panel as your scene setting option.


Create a new level and open the Modes Panel UI

  1. Click on File on the Menu Bar and select New Level.

  2. Select Empty Level in the popup window.

    New Level

  3. Click Window in the menu bar and select World Settings.

    Open World Wettings

  4. Open Advanced under World and check the Enable Large Worlds.

    Enable Large Worlds

  5. Click the the Select Mode drop-down in the Unreal UI toolbar and select ArcGIS Maps SDK.

    Select Mode

  6. The Modes Panel UI on the left side.

    Open the Modes Panel UI

Create and set up a map

  1. In the Modes Panel UI, click the Map tab and click on the Create button. This will add the necessary Actors into the level. You can find them in the Outliner panel.

    Create a map

  2. You can enable or disable the Editor Mode, set the Map Type, and Origin Location in the Map tab. Select Local for the Map Type.

  3. In the Origin Location section you can set up the the center of your GIS scene with its coordinates and a spatial reference well-known ID (WKID). For the tutorial, set the parameters to these values:

    • Longitude = -74;
    • Latitude = 41;
    • Altitude = 0;
    • Spatial Reference WKID: 4326

    For the information regarding the spatial reference, see the spatial references page.

  4. In Map Extent, set the extent of the map to these values:

    • Longitude = -74.0;
    • Latitude = 40.72;
    • Shape: Circle;
    • Spatial Reference WKID: 4326
    • Shape Dimensions = 5000;

This is the result of the Map tab.

Map tab result

Set up the camera

  1. Click on the Camera tab.

  2. The Camera Position defines the initial point of view of the camera. For the tutorial, set the parameters to these values:

    • Longitude = -74.054921;
    • Latitude = 40.691242;
    • Altitude = 3000000;
    • Spatial Reference WKID: 4326
  3. The Camera Rotation defines the angle of the camera.

    • Heading = 55;
    • Pitch = 58;
    • Roll = 0;

This is the result of the Camera tab.

Camera tab result

Select a basemap, set terrain elevation and the API key

  1. On the Basemap page, you can select the basemap that best suits your project. For the tutorial select World Imagery in the list.

    Preset basemaps

    By default, the basemap is set to World Imagery. You can select a different basemap from the list. All the preset basemaps are in WGS 84 / Pseudo-Mercator (WKID: 3857).

  2. Click on the Elevation tab and make sure that the Enable Elevation is checked to create relief in your 3D scene.

    The Modes Panel UI uses Terrain 3D as the elevation source.

  3. An API Key enables access to ArcGIS Online services and resources. Go to your developer dashboard to get your API key.

  4. Click on the Auth tab and set the API key in the API Key section.

Set up the sky and the light

  1. From the quick add menu on the toolbar, select Lights > Directional Light and drag it into the level to create a Directional Light. For more information about Directional Lights, see Lights.

    Directional Light

  2. Select the Directional Light in the Outliner, and open the Transform section in the Details window.

  3. Reset the Location and Set the Rotation to:

    • X: 0
    • Y: -28
    • Z: -28
  4. Set the Mobility to Movable.

    Directional Light Transform

  5. In the Light section, change the Intensity Value to 3.1416.

  6. In the Cascaded Shadow Maps section, change the Dynamic Shadow Distance MovableLight from 20000 to 2000000.

  7. In the Atmosphere and Cloud section, enable Atmosphere Sun Light.

  8. In the Actor > Spawn Collision Handling Method section, select Always Spawn, Ignore Collisions.

    Directional Light Actor

  9. From the quick add menu on the toolbar, select Lights > Sky Light and drag it into the level to create a Sky Light. For more information about Sky Light, see Lights.

  10. In the Transform section, reset the Location and set the Mobility to Movable.

  11. In the Light section, enable Real Time Capture.


  12. From the quick add menu on the toolbar, select Visual Effects > Sky Atmosphere and drag it into the level to create a Sky. For more information about Sky Atmosphere, see Fog Effects.

  13. In the Planet section, change the Ground Radius to 6378.137207.

When the light starts loading in the Viewport, you can see the render result in the editor Viewport. Double click on the ArcGIS Pawn in the Outliner panel to snap the editor camera to the camera position.

You have successfully configured local scene with the Modes Panel UI.

Use the WASD keys while holding the right mouse button mouse to move around, or hold the left mouse button to look around during the editor mode.

Click the Play icon on the Tool bar, and Use the WASD keys to move around, hold the right mouse button mouse to look around or hold the left mouse button to pan.

What's next?

To explore more features and learn how to use additional services, try these tutorials:

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.