View on GitHub Sample viewer app

Open a web scene from a portal item.

Image of display web scene from portal item

Use case

A scene is symbolized geospatial content that allows you to visualize and analyze geographic information in an intuitive and interactive 3D environment. Web scenes are an ArcGIS format for storing scenes in ArcGIS Online or portal. Scenes can be used to visualize a complex 3D environment like a city.

How to use the sample

When the sample opens, it will automatically display the scene from ArcGIS Online. Pan and zoom to explore the scene.

How it works

  1. Create a PortalItem with a Portal and an item ID pointing to a web scene.
  2. Create an ArcGISScene passing in the portal item.
  3. Set the scene to the Composable SceneView to display it.

Relevant API

  • ArcGISScene
  • PortalItem
  • SceneView

About the data

This sample uses a Berlin, Germany scene hosted on ArcGIS Online.

Tags

portal, scene, web scene

Sample Code

MainActivity.kt MainActivity.kt DisplayWebSceneFromPortalItemViewModel.kt DisplayWebSceneFromPortalItemScreen.kt
/* Copyright 2025 Esri
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*
*/
package com.esri.arcgismaps.sample.displaywebscenefromportalitem
import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.activity.enableEdgeToEdge
import androidx.compose.material3.MaterialTheme
import androidx.compose.material3.Surface
import androidx.compose.runtime.Composable
import com.arcgismaps.ApiKey
import com.arcgismaps.ArcGISEnvironment
import com.esri.arcgismaps.sample.sampleslib.theme.SampleAppTheme
import com.esri.arcgismaps.sample.displaywebscenefromportalitem.screens.DisplayWebSceneFromPortalItemScreen
class MainActivity : ComponentActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
// authentication with an API key or named user is
// required to access basemaps and other location services
ArcGISEnvironment.apiKey = ApiKey.create(BuildConfig.ACCESS_TOKEN)
enableEdgeToEdge()
setContent {
SampleAppTheme {
DisplayWebSceneFromPortalItemApp()
}
}
}
@Composable
private fun DisplayWebSceneFromPortalItemApp() {
Surface(color = MaterialTheme.colorScheme.background) {
DisplayWebSceneFromPortalItemScreen(
sampleName = getString(R.string.display_web_scene_from_portal_item_app_name)
)
}
}
}