Open a web scene from a 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
- Create a
PortalItemwith aPortaland an item ID pointing to a web scene. - Create an
ArcGISScenepassing in the portal item. - Set the scene to the Composable
SceneViewto 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
/* 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.Bundleimport androidx.activity.ComponentActivityimport androidx.activity.compose.setContentimport androidx.activity.enableEdgeToEdgeimport androidx.compose.material3.MaterialThemeimport androidx.compose.material3.Surfaceimport androidx.compose.runtime.Composableimport com.arcgismaps.ApiKeyimport com.arcgismaps.ArcGISEnvironmentimport com.esri.arcgismaps.sample.sampleslib.theme.SampleAppThemeimport 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) ) } }}/* 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.components
import android.app.Applicationimport androidx.lifecycle.AndroidViewModelimport androidx.lifecycle.viewModelScopeimport com.arcgismaps.mapping.ArcGISSceneimport com.arcgismaps.mapping.PortalItemimport com.arcgismaps.portal.Portalimport com.esri.arcgismaps.sample.sampleslib.components.MessageDialogViewModelimport kotlinx.coroutines.launch
class DisplayWebSceneFromPortalItemViewModel(application: Application) : AndroidViewModel(application) {
// Create a portal private val portal = Portal("https://www.arcgis.com/")
// Create a portal item private val portalItem = PortalItem(portal, "31874da8a16d45bfbc1273422f772270")
// Create a scene from the portal item val arcGISScene = ArcGISScene(portalItem)
// Create a message dialog view model for handling error messages val messageDialogVM = MessageDialogViewModel()
init { viewModelScope.launch { arcGISScene.load().onFailure { error -> messageDialogVM.showMessageDialog( "Failed to load scene", error.message.toString() ) } } }}/* 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.screens
import androidx.compose.foundation.layout.fillMaxSizeimport androidx.compose.foundation.layout.paddingimport androidx.compose.material3.Scaffoldimport androidx.compose.runtime.Composableimport androidx.compose.ui.Modifierimport androidx.lifecycle.viewmodel.compose.viewModelimport com.arcgismaps.toolkit.geoviewcompose.SceneViewimport com.esri.arcgismaps.sample.displaywebscenefromportalitem.components.DisplayWebSceneFromPortalItemViewModelimport com.esri.arcgismaps.sample.sampleslib.components.MessageDialogimport com.esri.arcgismaps.sample.sampleslib.components.SampleTopAppBar
/** * Main screen layout for the sample app */@Composablefun DisplayWebSceneFromPortalItemScreen(sampleName: String) { val sceneViewModel: DisplayWebSceneFromPortalItemViewModel = viewModel() Scaffold( topBar = { SampleTopAppBar(title = sampleName) }, content = { SceneView( modifier = Modifier .fillMaxSize() .padding(it), // Pass the scene to the SceneView arcGISScene = sceneViewModel.arcGISScene ) sceneViewModel.messageDialogVM.apply { if (dialogStatus) { MessageDialog( title = messageTitle, description = messageDescription, onDismissRequest = ::dismissDialog ) } } } )}