Overview
This tutorial walks you through using Service map in Business Applications to build a visual architecture diagram of your Azure resources. You will create a Service map, place and connect resources on the canvas, group related resources into sub-orchestrations, and set the diagram as the default view. By the end of this tutorial, you will have an accurate, exportable architecture diagram linked to live monitoring state.
Business value
A Service map gives your operations and development teams a shared, up-to-date picture of how your application's Azure resources are connected. This reduces onboarding time for new team members, accelerates root-cause analysis during incidents by showing data and control flows at a glance, and provides a downloadable architecture record for compliance, audits, and handoffs.
Prerequisites
Before you begin, make sure you have:
- A Business Application with at least two resources already associated
- The Manage permission for Service map to create, edit, and set defaults (the Read permission allows viewing only)
Required permissions
| Permission level | What you can do |
|---|---|
| Read | View Service maps, download Service maps, view resource details and monitoring issues |
| Manage | Create, edit, and delete Service maps; set the default Service map |
Permissions are assigned per role under Settings > User management > Roles.
How it works
Each Business Application includes a Service map section accessible from the application's navigation. Opening this section displays a canvas for the default Service map and a resource pane on the left listing all resources associated with the Business Application. You populate the canvas by clicking resources in the pane, then connect them by drawing edges between resource icons to represent data flows or control dependencies.
Service maps are independent of the underlying resources; they persist their layout even when resources change. When a new resource is added to the Business Application, its icon is automatically added to all existing Service maps for that application, ready to be positioned and connected. Monitoring state is visible on saved maps but hidden while you are in Edit mode.
Steps
This tutorial takes you from an empty canvas to a saved, default-designated Service map with grouped resources. Navigate to your Business Application and select Service map from the application navigation to get started.
Step 1: Create a Service map
Creating a Service map opens a named canvas where you will model a specific orchestration or flow within the Business Application.
- Click Add Service map in the Service map section.
- Enter a name that describes the flow or sub-system you are mapping (for example,
Order Intake FloworNotification Pipeline). - In the resource pane on the left, click each resource you want to include on the canvas. Each click places the resource icon on the diagram.
- Draw connections between resources by clicking and dragging from the edge of one resource icon to another, following the actual data or control flow.
- Reposition icons by clicking and dragging them from their centre until the layout is clear and readable.
- Click Save to commit the diagram. Resource icons display their current monitoring state after saving.
Monitoring state is not visible while the canvas is in Edit mode. It becomes visible once you save.
Step 2: Group related resources
Grouping lets you cluster resource icons into named sub-orchestrations, making complex flows easier to navigate and understand at a glance.
- On the canvas, select the resource icons you want to group (hold Shift and click each icon, or draw a selection box around them).
- Use the Grouping option to group the selected icons. Enter a name for the group (for example,
Message IntakeorBackend Processing). - Click Save to persist the grouping.
To remove a grouping later, select the group on the canvas and use the Ungroup option.
Step 3: Set the Service map as the default
Setting a default Service map determines which diagram is shown first when anyone opens the Service map section of this Business Application. Set the most important or most frequently referenced map as the default.
- Click the Actions dropdown on the Service map you want to set as default.
- Select Set as default.
The selected Service map now loads first whenever anyone navigates to the Service map section of this Business Application.
Step 4: Download the Service map
Downloading saves the current diagram as an SVG file for offline storage, compliance records, or sharing with stakeholders who do not have Turbo360 access.
- Click the Actions dropdown on the Service map you want to download.
- Select Download. The file is saved in SVG format.
(Optional) Edit the Service map later
As your architecture evolves, update the Service map to reflect resource additions, removals, and flow changes.
- Click the Actions dropdown on the Service map you want to modify.
- Select Edit.
- Make changes to the resource layout, connections, or name.
- Click Update to save your changes.
Monitoring state is hidden while you are in Edit mode and resumes display after you save.
Troubleshooting
-
A resource does not appear in the resource pane on the canvas
Cause: The resource has not been associated with the Business Application.
Fix: Navigate to the Business Application settings, associate the resource, then return to the Service map. The resource icon will appear in the resource pane. -
Monitoring state icons are blank or not updating on the canvas
Cause: The Service map was not saved after the most recent monitoring cycle, or you are currently in Edit mode.
Fix: Exit Edit mode and save the diagram. Allow one monitoring cycle to complete for the state to refresh. -
The Actions dropdown options (Edit, Delete, Download, Set as default) are not visible
Cause: Your role has only the Read permission for Service map. The Manage permission is required for all edit and management actions.
Fix: Contact your Turbo360 administrator to have the Manage permission added to your role. -
A newly added resource icon does not appear on existing Service maps
Cause: The Service map page was open or cached before the resource was associated with the Business Application.
Fix: Refresh the Service map page. Icons for newly associated resources are added automatically to all existing Service maps for that application. -
The downloaded SVG file is blank or missing resources
Cause: The Service map was not saved before downloading, or the canvas was empty at the time of export.
Fix: Ensure all resources and connections are placed and saved on the canvas, then download again.