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
To open a web scene from a portal item:
- Create a
PortalItem
with an item ID pointing to a web scene. - Create an
ArcGISScene
passing in the portal item. - Set the scene to a
ArcGISSceneView
to display it.
Relevant API
- ArcGISScene
- ArcGISSceneView
- PortalItem
About the data
This sample uses a Geneva, Switzerland 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
//
// https://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.
//
import 'package:arcgis_maps/arcgis_maps.dart';
import 'package:arcgis_maps_sdk_flutter_samples/common/common.dart';
import 'package:flutter/material.dart';
class DisplayWebSceneFromPortalItem extends StatefulWidget {
const DisplayWebSceneFromPortalItem({super.key});
@override
State<DisplayWebSceneFromPortalItem> createState() =>
_DisplayWebSceneFromPortalItemState();
}
class _DisplayWebSceneFromPortalItemState
extends State<DisplayWebSceneFromPortalItem>
with SampleStateSupport {
// Create a controller for the scene view.
final _sceneViewController = ArcGISSceneView.createController();
@override
Widget build(BuildContext context) {
return Scaffold(
// Add the scene view to the body of the scaffold and set a controller.
body: ArcGISSceneView(
controllerProvider: () => _sceneViewController,
onSceneViewReady: onSceneViewReady,
),
);
}
// Called when the scene view is ready to display a scene.
void onSceneViewReady() {
// Load the scene in the area of Geneva, Switzerland.
_sceneViewController.arcGISScene = ArcGISScene.withItem(
PortalItem.withPortalAndItemId(
portal: Portal.arcGISOnline(),
itemId: 'c6f90b19164c4283884361005faea852',
),
);
}
}