View on GitHub Sample viewer app

Use the Geometry Editor to edit geometries using utility network connectivity rules.

Use case

A field worker can create new features in a utility network by editing and snapping the vertices of a geometry to existing features on a map. In a gas utility network, gas pipeline features can be represented with the polyline geometry type. Utility networks use geometric coincident-based connectivity to provide pathways for resources. Rule-based snapping uses utility network connectivity rules when editing features based on their asset type and asset group to help maintain network connectivity.

How to use the sample

To edit a geometry, tap a point geometry to be edited in the map to select it. Then edit the geometry by clicking the button to start the geometry editor.

Snap sources can be enabled and disabled. Snapping will not occur when SnapRuleBehavior.RulesPreventSnapping even when the source is enabled.

To interactively snap a vertex to a feature or graphic, ensure that snapping is enabled for the relevant snap source, then move the mouse pointer or drag a vertex close to an existing feature or graphic. If the existing feature or graphic has valid utility network connectivity rules for the asset type that is being created or edited, the edit position will be adjusted to coincide with (or snap to) edges and vertices of its geometry. Click or release the touch pointer to place the vertex at the snapped location.

To discard changes and stop the geometry editor, press the discard button.

To save your edits, press the save button.

How it works

  1. Create a map with LoadSettings.FeatureTilingMode set to EnabledWithFullResolutionWhenSupported.

  2. Create a Geodatabase using the mobile geodatabase file location.

  3. Display Geodatabase.FeatureTables on the map using subtype feature layers.

  4. Create a GeometryEditor and connect it to the map view.

  5. When editing a feature:

    a. Call SnapRules.CreateAsync(UtilityNetwork, UtilityAssetType) to get the snap rules associated with a given UtilityAssetType.

    b. Use SyncSourceSettings(SnapRules, SnapSourceEnablingBehavior.SetFromRules) to populate the SnapSettings.SourceSettings with SnapSourceSettings enabling the sources with rules.

  6. Start the geometry editor with an existing geometry or GeometryType.Point.

Relevant API

  • FeatureLayer
  • Geometry
  • GeometryEditor
  • GeometryEditorStyle
  • GraphicsOverlay
  • MapView
  • SnapRuleBehavior
  • SnapRules
  • SnapSettings
  • SnapSource
  • SnapSourceEnablingBehavior
  • SnapSourceSettings
  • UtilityNetwork

Offline data

Read more about how to set up the sample’s offline data here.

LinkLocal Location
Naperville gas network<userhome>/ArcGIS/Runtime/Data/raster/NapervilleGasUtilities.geodatabase

About the data

The Naperville gas network mobile geodatabase contains a utility network with a set of connectivity rules that can be used to perform geometry edits with rules based snapping.

Tags

edit, feature, geometry editor, graphics, layers, map, snapping, utility network

Sample Code

GeometryEditorButton.qml GeometryEditorButton.qml SnapGeometryEditsWithRules.cpp SnapGeometryEditsWithRules.h SnapGeometryEditsWithRules.qml SnapSourcesListModel.cpp SnapSourcesListModel.h main.cpp main.qml
// [WriteFile Name=SnapGeometryEditsWithRules, Category=EditData]
// [Legal]
// 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.
// [Legal]
import QtQuick
import QtQuick.Controls
import QtQuick.Layouts
// This component defines each of the buttons in the Geometry Editor control UI
RoundButton {
id: geometryEditorButton
property string buttonName: ""
property string iconPath: ""
Layout.fillWidth: true
// Set the focus policy so that the buttons do not take focus from the MapView
focusPolicy: Qt.NoFocus
radius: 5
Rectangle {
anchors.fill: parent
radius: parent.radius
opacity: parent.enabled || parent.checked ? 1 : 0.3
color: geometryEditorButton.down ? "#d0d0d0" : "#e0e0e0"
}
Image {
id: imgComponent
anchors {
horizontalCenter: parent.horizontalCenter
verticalCenter: parent.verticalCenter
verticalCenterOffset: -textComponent.height/2
}
source: iconPath
width: 20
fillMode: Image.PreserveAspectFit
}
Text {
id: textComponent
anchors {
top: imgComponent.bottom
horizontalCenter: parent.horizontalCenter
}
text: buttonName
font.pixelSize: 8
}
}