Available for an ArcGIS organization licensed with the Indoors extension.
Note:
Deployment of Indoor Viewer requires that you have the latest release installed for the supporting ArcGIS software.
Viewer is available in your ArcGIS Enterprise portal with an Indoors license and can be configured using the configurable web app template. Once you create a web app from the Indoors configurable web app template, you can configure Viewer. You can configure a 2D Indoors web map, an optional 3D Indoors web scene, route service, closest facility service, app launch actions, scale bar, print layout template, indoor positioning, kiosk auto-reset, logo, and theme.
Create a web app from the Indoors configurable template
Complete these steps to create a web app from the Indoors configurable web app template:
- Verify that you are signed in to the portal and have privileges to create content.
- Browse to the item page for an Indoors web map.
- Click Create Web App and choose Using a Template.
- Choose the ArcGIS Indoors template.
If you don't see the ArcGIS Indoors template, verify that your portal is licensed for ArcGIS Indoors.
- Choose CREATE WEB APP.
- Provide the title, tags, summary, and folder.
- Click Done.
Viewer launches with the Configure App panel. You can leave the default configuration or use the Configure App panel to configure your web app and preview your changes. While configuring the app, you can preview changes made in the preview window in real-time.
Tip:
You can do one of the following at any point of the configuration process.
- Click Save to save the recent updates.
- Click Save As to save a copy of the existing app configuration.
- Click the X the top right to close the Configure App panel.
Update general configuration parameters
The following parameters can be modified:
| Parameter | Description |
|---|---|
App | Information about the saved app, including the app title and link to the portal item. Note:The Details button can be clicked to view the item details in the portal. After the app has been saved, you can modify the app title and change access permissions from the portal item page. |
Web Map | An Indoors 2D web map to use in the app. Note:The Details button can be clicked to view the item details in portal. |
Web Scene | An Indoors 3D web scene to use in the app. Note:The Details button can be clicked to view the item details in portal. |
Route Service | The Route Service used by the Directions widget. The URL for the Network Analyst service containing the Route Service must be registered as an item with the portal (for example, https://webadaptorhost.domain.com/webadaptorname/rest/services/MyNetwork/NAServer). Note:
|
Closest Facility Service | The Closest Facility Service used by the Explore panel. The URL for the Network Analyst service containing the Closest Facility Service must be registered as an item with the portal (for example https://webadaptorhost.domain.com/webadaptorname/rest/services/MyNetwork/NAServer). Note:The Details button can be clicked to view the item details in portal. |
- Update the parameters as necessary.
- Click Next.
Tip:
You can do one of the following at any point of the configuration process.
- Click Save to save the recent updates.
- Click Save As to save a copy of the existing app configuration.
- Click the X the top right to close the Configure App panel.
Configure the scale bar, print layout, native app, or indoor positioning
Scale bar
Viewer can be configured to display a scale bar on the map.
| Parameter | Description |
|---|---|
Show scalebar on 2D map | Display a scale bar on the map. The scale bar is hidden by default. Note:Turning on the scale bar will still hide it in landscape orientation on mobile devices and doesn’t affect the scale bar in the print layout. |
Scalebar Units | The units to use for the scale bar. When using Dual, the scale bar displays both metric and nonmetric units. Metric values show either kilometers or meters depending on the scale, and nonmetric values show either miles or feet depending on the scale. Possible options: Metric | Non-Metric | Dual |
Scalebar Style | The style for the scale bar. When unit is set to Dual, the style will always be Line. Possible options: Line | Ruler |
Print layout
You can choose a template for displaying the map when printing directions. The portal print service is used to derive the list of available templates.
Possible options include the following:
- Map Only
- Letter
- A4
Note:
- When the value is Map Only, the printed map doesn’t contain any page layout surroundings (such as print date, map scale, and scale bar).
- Only portrait orientation is supported for the A4 and Letter print layouts. A4 corresponds to the A4 Portrait layout and Letter corresponds to the Letter ANSI A Portrait layout.
Native App
This is an option that if turned on, shows a link to open the native app on iOS devices.
It's on by default. If you want people with iOS mobile devices to be taken directly to Viewer in their device's browser, rather than being presented with a link to open the native app, turn this option off.
Indoor positioning
This option allows Viewer to show a current location with a blue dot using Apple indoor positioning on iOS devices.
It is off by default. If you are participating in the Apple Indoor Maps Program and want to use the available indoor position in Viewer, turn this option on. Indoor positioning is supported only for Safari.
Note:
Enabling indoor positioning can shorten battery life.
- Turn on Show scalebar on 2D map if you want to show it and update the rest of the scale bar properties.
- Choose a template for the print layout.
- Turn the Native App option on or off as necessary.
- Turn the Indoor Positioning option on or off as necessary.
- Click Next.
Tip:
You can do one of the following at any point of the configuration process.
- Click Save to save the recent updates.
- Click Save As to save a copy of the existing app configuration.
- Click the X the top right to close the Configure App panel.
Configure app launch actions
App launch actions are a way to incorporate your critical business systems with Indoors. Viewer includes an action button in the info panel to link items currently displayed in the info panel to other systems. When clicked, the action button opens the appropriate web form (or native mobile app if in a mobile browser) and automatically passes indoor data to the target system or app. The launch actions are configured in the Configure App panel and can be prepopulated with the value set in ArcGIS Pro for the APP_LAUNCH_ACTIONS parameter in the IndoorsConfig table.
Note:
Indoors allows the placement of pins for locations outside of a building, such as campus gardens or grounds. If a launch action is applied to All Layers in the configuration panel, these dropped pins will also have the action available for them.
Once app launch actions are configured, the completed configuration can also be used in ArcGIS Indoors for iOS and ArcGIS Indoors for Android.
Perform the following steps to configure app launch actions:
- If necessary, click Add to add a new action.
- Provide a name for the action in the Label text box.
- Add the URL for the action to the URL text box.
- Click Select Layers for the action to define the layers and categories on which to apply this action and check the check box for any layers and categories.
By default, all layers and subcategories are selected.
- Repeat the steps above for any additional actions.
- Remove unwanted actions by clicking X for that action.
- Reorder actions using the up and down arrows if necessary.
- Optionally copy the configuration for use in Indoors mobile apps by clicking Copy to Clipboard.
Once the configuration is copied, it can be pasted into the APP_LAUNCH_ACTIONS parameter value in the Indoors Configuration table in ArcGIS Pro. Include the updated table in the mobile map packages used by Indoors mobile apps to enable the same app launch configuration.
- Click Next.
Tip:
You can do one of the following at any point of the configuration process.
- Click Save to save the recent updates.
- Click Save As to save a copy of the existing app configuration.
- Click the X the top right to close the Configure App panel.
Configure kiosk options
You can configure options that are specific to the kiosk mode of the app.
| Parameter | Description |
|---|---|
Enable Auto-Reset for the Kiosk | Turn on to use the automatic reset feature for kiosk mode. This allows you to set a time (in seconds) that displays a pop-up notifying the user that the app will be reset to its default state when the timeout value has been reached. This also adds a button to the title bar for the user to manually reset the app. This allows a new user that walks up to the kiosk to start fresh. |
Idle Time (seconds) | Configure an amount of time (in seconds) the kiosk is left idle before displaying a pop-up notifying the user that the app idle timeout has been reached. |
Popup Time (seconds) | Configure a countdown timer (in seconds) to display in the automatic reset pop-up. When the countdown reaches zero, the app resets to its default state. |
- Configure options that are specific to the kiosk mode.
- Click Next.
Tip:
You can do one of the following at any point of the configuration process.
- Click Save to save the recent updates.
- Click Save As to save a copy of the existing app configuration.
- Click the X the top right to close the Configure App panel.
Update the brand logo
Viewer allows the customization of the logo used in the web app for an organization.
| Parameter | Description |
|---|---|
Logo | Select the source of the image to use as your branding logo.
|
Logo Name | The name to display as a ToolTip (in browser mode) and alongside the logo (under the app menu on mobile devices). |
Logo Size (in rem, 1rem is 16px) | The size to use for the logo. |
- Choose the logo that you want to use and update the rest of the parameters.
- Click Next.
Tip:
You can do one of the following at any point of the configuration process.
- Click Save to save the recent updates.
- Click Save As to save a copy of the existing app configuration.
- Click the X the top right to close the Configure App panel.
Update theme colors
Viewer allows the customization of the color scheme of the app elements for an organization.
Note:
While configuring the colors used in the app, you can preview changes made in the preview window in real time.
| Parameter | Description |
|---|---|
Theme > Background Color | Background color for navigation menu and header for info panel. The following items are affected: background color of navigation panel and color of selected floor in floor picker. |
Theme > Highlight Color | Highlights on the theme background. The following items are affected: color of selected navigation button and hover color for navigation buttons. |
Theme > Text Color | Color for text on top of the theme background or highlight. The following items are affected: text color for navigation menu buttons, header text color in info panel, and text for selected floor in floor picker. |
Body > Background Color | Background color for body content. The following items are affected: background color for left panels, info panel, title bar, map buttons, and unselected floor in floor picker. |
Body > Highlight Color | Highlights on the body background. The following items are affected: drop-down buttons in the Events panel and the Back and Next buttons in the info panel. |
Body > Primary Text Color | Text color for primary text such as titles and descriptions. The following items are affected: primary text color for left panels, map tools, info panel, unselected floors in floor picker, other buttons in floor picker, Back and Next buttons in the info panel, and some text in title bar. |
Body > Secondary Text Color | Text color for secondary text such as subtitles. The following items are affected: secondary text color for left panels, info panel, and placeholder text in title bar. |
Body > Link Color | Color for links. The action buttons in the info panel are affected. |
Body > Accent Color | Accent color for highlights. The tab selected in the info panel is affected. |
Body > Button Color | Background color for buttons. The following items are affected: button color for buttons used in the Person Finding panel and kiosk reset pop-ups. |
Body > Button Highlight Color | Button highlights. The following items are affected: button color when hovering over buttons used in the Person Finding panel and kiosk reset pop-ups. |
Body > Button Text Color | Text color for buttons. The following items are affected: button text color for buttons used in the Person Finding panel and kiosk reset pop-ups. |
Body > Border Color | Color for borders. Borders used throughout the app are affected. |
- Click the color picker next to each configuration item to modify its theme color. This can be done by selecting a color using the color palette, HEX value (hexadecimal), RGB value (red, green, blue colors), or HSL value (hue, saturation, lightness).
Tip:
To undo any changes made to the theme colors, you can reset the colors to the portal theme or the default theme by clicking the Reset Theme button
at the upper right by the Theme Colors configuration page.- Reset to Portal Theme—Sets theme colors to colors configured as part of the Shared Theme for the portal (My Organization > Settings > General > Shared Theme), based on a color mapping.
- Reset to Default Theme—Sets theme colors to the default Indoors theme.
- Do one of the following to save your changes:
- Click Save to save the recent updates.
- Click Save As to save a copy of the existing app configuration.
- Click the close button at the upper right to close the Configure App panel.
On the completed Viewer item page, you can share the completed app or choose Configure to open the configuration again and make changes.