LogoLogo
CMSGitHubSupportBook a demo
  • Documentation
  • Academy
  • Help Center
  • Welcome
  • SDKS & Frameworks
    • Web
      • Getting Started
        • Prerequisites
          • MapsIndoors
          • Map Engine Provider
            • Option 1: Get your Mapbox Access Token
            • Option 2: Get your Google Maps API Keys​
          • Map Engine Setup
        • Getting Started: MapsIndoors
      • Map Visualization
        • Highlight, Hover and Select
        • Remove Labels from Buildings and Venues
        • Change Building Outline
        • Managing Collisions Based on Zoom Level
        • 3D Maps
          • Managing your 3D Maps
        • Base Map Styling - Google Maps
        • Managing feature visibility for Mapbox
      • Wayfinding
        • Directions
        • Directions Service
          • Tailoring the directions to your specific needs
        • Directions Renderer
          • Customizing the Route Animation
        • Multi-stop navigation
          • Custom Icons
        • User's Location as Point of Origin
      • Search
        • Search Operations
        • Searching
        • Using External ID, Geospatial Joins
        • Utilizing MapsIndoors Web Components and Other Searches
      • Map Management
      • Data Visualization
        • Display Heatmap Overlay
      • Other guides
        • Authentication
          • Single Sign-On
            • SSO Configuration
            • SSO Authorisation
          • 2-Factor Authentication
          • Password Reset
        • Application User Roles
        • Custom Properties
        • Display Language
        • Language
        • User Positioning
          • Show User's Location aka. Blue Dot
          • Using Cisco DNA Spaces
        • Working with Events
        • Turn Off Collisions Based on Zoom Level
        • Remove Labels from Buildings and Venues for Web
        • Synchronizing data for a subset of venues
        • Custom Floor Selector
      • Display Rules in Practice
      • Offline Data
      • Managing map visibility
    • Android
      • Getting Started
        • Prerequisites
        • Create a New Project
        • Show a Map
        • Create a Search Experience
        • Getting Directions
        • Enable Live Data
        • Integrating MapsIndoors into your own App
        • Migrating from V3 to V4
          • Migrating to Mapbox V11
      • Directions
        • Directions Service
        • Directions Renderer
          • User's Location as Point of Origin
        • Wayfinding Instructions
          • See Route Element Details
        • Using multi-stop navigation
      • Searching
        • Searching on a Map
        • Creating a Search Experience
      • Switching Solutions
      • Caching & Offline Data
      • Display Language
      • Displaying Objects
        • Application User Roles
        • Getting a Polygon from a Location
        • Location Clustering
        • Location Data Sources
        • Location Details
        • Turn Off Collisions Based on Zoom Level
        • Enabling and Disabling features on the map
      • Change Building Outline Color
      • Event Logging
      • Configuring a menu with AppConfig
      • Display Heatmap Overlay
      • Custom Properties
      • Custom Floor Selector
      • External IDs
      • User Positioning
        • Show User's Location aka. Blue Dot
        • Using Cisco DNA Spaces
        • Using Google Fused Location Provider
        • Using Indoor Atlas
      • Authentication
        • Single Sign-On
          • SSO Configuration
          • SSO Authorisation
        • 2-Factor Authentication
        • Password Reset
      • Display Rules in Practice
        • Label styling through Display Rules
      • Highlight and Select
    • iOS
      • Getting Started
        • Prerequisites
        • Set Up Your Environment
        • Display a Map
        • Search
        • Getting Directions
        • Migrating from v3 to v4
      • Directions
        • Directions Renderer
          • User's Location as Point of Origin
        • Wayfinding Instructions
          • See Route Element Details
        • Directions Service
        • Using multi-stop navigation
      • Searching
        • Searching on a Map
        • Creating a Search Experience
      • Caching & Offline Data
      • Displaying Objects
        • Application User Roles
        • Getting a Polygon from a Location
        • Location Details
        • Turn Off Collisions Based on Zoom Level
        • Enabling and Disabling features on the map
      • Custom Floor Selector
      • Change Building Outline Color
      • Custom Map Padding
      • Custom Properties
      • Display Rules in Practice
        • Label styling through Display Rules
      • Switching Solutions
      • Show User's Location aka. Blue Dot
        • Using Indoor Atlas
        • Using Cisco DNA Spaces
      • Highlight and Select
      • Display Language
    • React Native
      • Getting Started
        • Prerequisites
        • Project Setup
        • Displaying a Map
        • Creating a Search Experience
        • Getting Directions
        • Enabling Live Data
      • Showing Blue Dot
    • Flutter
      • Getting Started
        • Prerequisites
        • Create a New Project
        • Show a Map
        • Create a Search Experience
        • Getting Directions
      • Migration Guide
    • Integration API
      • Integration API Access
        • Access with Swagger
        • Access with Postman
        • Access with Python
        • Client credentials flow
      • Data Description
      • Reverse Geocoding
      • Route Access
      • OpenAPI Specification
    • Built-In Map Edits
      • Getting started
      • Authentication
      • Release notes
      • Reference docs
  • Products
    • Product Overview
    • CMS
      • Interface Overview
      • Display Rules
      • Media Library
        • 2D Models and Icons
        • 3D Models
      • Editing Data
      • Solution Settings
      • Settings
      • Data Concepts
      • User Roles
      • Route Network
        • Barrier Route Element
        • Door Route Element
      • Additional Location Details
    • Map Template
      • Getting Started
        • Web Component
        • React Component
      • Configuration
        • Query Parameters
      • Customization
      • Deploying Map Template to a cloud storage provider
      • 2D/3D Visibility Switch
      • External customization of the Map Template
      • Location Details configuration
      • Kiosk
        • QR code configuration
  • Other
    • Design
      • Standard MapsIndoors Map Style
      • Using a Custom Mapbox MapStyle
    • Changelog
      • Web SDK
        • V4
        • V3
      • Android SDK
        • V4
        • V3
      • iOS SDK
        • V4
        • V3
      • React Native SDK
      • Flutter SDK
      • MI Components
      • Map Template
    • Glossary
  • Legacy Docs
    • Android SDK V3
      • Getting Started
        • Prerequisites
        • Create a New Project
        • Show a Map
        • Create a Search Experience
        • Getting Directions
        • Enable Live Data
        • Integrating MapsIndoors into your own App
    • iOS SDK V3
      • Getting Started
        • Prerequisites
        • Set Up Your Environment
        • Display a Map
        • Search
        • Directions
        • Live Data
        • Integrating MapsIndoors into your own App
      • Inspect Route Element for iOS v3
      • Using Cisco DNA Spaces
      • Using Indoor Atlas
      • Switching Solutions
      • Show User's Location aka. Blue Dot
      • Application User Roles
      • Getting a Polygon from a Location
      • Location Details
  • MapsIndoors SDK Firewall
  • Google Analytics & Logging
  • Reference Docs
    • Web SDK
    • Android SDK
    • iOS SDK
    • React Native SDK
    • Flutter SDK
Powered by GitBook
On this page
  • Introduction
  • How to access Display Rules?
  • Display Rule Hierarchy​
  • Pushing Display Rules from Location to Type
  • Display Rule Properties​
  • General
  • Icon
  • Label
  • Label Style
  • Polygon​
  • 2D Model​
  • 3D Room Extrusion​
  • 3D Model​

Was this helpful?

Export as PDF
  1. Products
  2. CMS

Display Rules

In this guide you will be introduced to the concept of Display Rules and how you can use Display Rules to change how Locations (POIs, Rooms and Areas) are displayed on the map.

Last updated 2 months ago

Was this helpful?

Introduction

Display Rules are the backbone of how you style the MapsIndoors data on your map. They are an incredibly powerful and flexible way to decide at which zoom levels icons appear, what colors to use for different types of places, and which 3D Models to use for your bookable desks, landmarks, or office decoration.

With the MapsIndoors CMS, you can control the initial appearance of Locations. In your app, at runtime, you can change Display Rules individually for a Location, or collective for a specific Type. You can do this based on logic inside your app, or as a result of outside logic in an external system that should reflect on the map. Besides the CMS, and in your app at runtime, you are also able to use the to control Display Rules.

Here are a few examples for cases where it could make sense to change the Locations' Display Rules, but there are a lot of other use cases besides these too.

  1. You can use Display Rules to match the colors of the selected Location's polygon to your brand guidelines to ensure a coherent visual expression throughout your application.

  2. It is possible to connect your MapsIndoors Solution to an occupancy monitoring system using , so the information about whether or not a room is occupied, and by how many people, is relayed to the MapsIndoors system. This information could then be used to color a Room red when it is occupied, or green if it is available.

  3. A similar concept could be applied to Icons. Instead of the color of the Polygon changing depending on occupancy status, the Icon used for the Location could change based on whether or not the room is available.

How to access Display Rules?

You have two convenient pathways for accessing Display Rules: via Location Details or Location Types. To initiate Display Rules through Location Details, simply select any location on the map. Once the Location Details Editor is displayed, you'll notice a small icon representing Display Rules in the top right corner:

By clicking this icon, you'll gain access to the Display Rules specifically tailored to that particular location. Alternatively, you can access Display Rules through Location Types. Here's how:

Navigate to Display Rules for a designated Location Type to manage Display Rules for the entire type efficiently. This method provides a comprehensive approach to editing Display Rules across multiple locations within a specific type.

In each MapsIndoors SDK, the "Main Display Rule" outlines a list of sensible defaults for all geodata. Each Location Type inherits its values from this Main Display Rule, unless the value is specifically overridden.

Each Location (Room, Area or POI) uses the Display Rule from the combined Main and Type Display Rules, except for values that are specifically set for the individual Location.

Here's a visualisation of the inheritance principle:

Unlocked properties are Location's specific values. Locked ones are inheriting value from Type Display Rules.

As an example, you set all polygons to be red in your Main Display Rule. The Location Type for "Meeting Room" specifies that their polygons should be blue, while the "Executive Meeting Room" Location specifically has an orange polygon.

No matter what is specified in this hierarchy, you can override it runtime in your app. That means, as an example, that all matches for a specific search query can be specified to have a polygon color that is pink, regardless of what exists in the Main Display Rule, on their Types, and for those Locations specifically.

To remove a value from the Display Rule (to make it inherit from further up the hierarchy) set the property to null.

Pushing Display Rules from Location to Type

When you open the Display Rules at the Location level and have specific settings defined, you have the option to push these settings to the Location's Type. The settings that can be pushed are identifiable by the state of the lock button at the beginning of each setting's row. If the button is unlocked, the setting is available to be pushed.

To push a Display Rule to the Location Type, you have three options. First, you can click the upward-pointing arrow on the right side of a specific setting to push that individual Display Rule to the Location Type. When one or more settings in a section are unlocked, an upward-pointing arrow will appear for the entire section. Clicking this arrow will push all the Display Rules in that section to the Location Type. Lastly, if any settings are unlocked, an upward-pointing arrow will also appear in the editor's header. Clicking this arrow will push the entire Display Rule to the Location Type.

Once the Display Rules are pushed to the Location Type, the settings will automatically be set to inherit from the Location Type, indicated by a locked lock button. Before pushing the Display Rules, a confirmation box will appear, informing you of the number of changes you are about to apply. It is important to review the settings carefully, as once they are pushed, the only way to revert the Location Type's Display Rule to its original state is by directly editing it—there is no undo option.

In the CMS, you can edit your Types' Display Rules in Solution Details > Types > Edit [Location Type name] > Display Rules. This will open an overview of all Display Rules properties.

General

The "General" visibility switch determines whether Locations of this Type are visible on the map. The system will accept a Boolean here, so either true or false.

Icon

The "Icon" section contains options related to the appearance of the Icon.

  1. Visibility - Controls whether the Icon is visible on the map.

    • The system will accept a Boolean here, so either true or false.

  2. Zoom from - Sets the minimum Zoom Level at which the Icon is visible.

    • The value must be a number between 1 and 999, with 1 being very far away, and 999 acting as "max zoom". Google Maps only supports up to zoom level 22 at most, with Mapbox supporting up to level 25. Setting a value above these, your Icons will not show up on the map.

    • In a general use case, most maps will only need values from zoom level 15, unless you're building a view to show multiple Venues across a country or the like.

  3. Zoom to - Sets the maximum Zoom Level at which the Icon is visible.

    • The value must be a number between 1 and 999, with 1 being very far away, and 999 acting as "max zoom". Google Maps only supports up to zoom level 22 at most, with Mapbox supporting up to level 25.

    • The recommended setting is to click the "Max zoom" checkbox, which sets the value to 999 in the data.

  4. Icon - Use the Media Library in the CMS to control which Icon is shown on the map.

    • The Media Library is a tool to select the displayed Icon from either a pre-loaded selection of Icons, or for you to upload your own.

    • In-app, you can provide a URL to a desired Icon.

    • In-app, you can also define iconSize, by giving the desired size in pixels.

Label

The "Label" section contains options related to the appearance of the Label. The Label is the text associated with the Location on the map, positioned next to the Icon or on its own.

Label is visible in the CMS, only when Location is being edited. In other words, by default view, labels are not visible. When Location is selected, label for this specific location is shown while editing.

  1. Visibility - Controls whether the Label is visible on the map. The system will accept a Boolean here, so either true or false.

  2. Zoom from - Sets the minimum Zoom Level at which the Label is visible. The value must be a number between 1 and 999, with 1 being very far away, and 999 acting as "max zoom". Google Maps only supports up to zoom level 22 at most, with Mapbox supporting up to level 25. Setting a value above these, your Labels will not show up on the map.

  3. Zoom to - Sets the maximum Zoom Level at which the Label is visible. The value must be a number between 1 and 999, with 1 being very far away, and 999 acting as "max zoom". Google Maps only supports up to zoom level 22 at most, with Mapbox supporting up to level 25.The recommended setting is to click the "Max zoom" checkbox, which sets the value to 999 in the data.

  4. Template - Controls the information the Label should contain. Template options are: Location Name - Only displays the Name of the Location. External ID - Only displays the External ID set on the Location. External ID & Location Name - Displays both the External ID and the Location Name, with the External ID first. Location Name & External ID - Displays both the Location Name and the External ID, with the Location Name first.

  5. Max width -

  • If your map uses Google Maps as base map provider: Specify how wide (in pixels) a Label can be before forcing a line-break. A value of 0 will ensure no line-breaks for this label.

  • If your map uses Mapbox as base map provider: Specify how wide (in EM unit) a Label can be before forcing a line-break. The EM unit is a relative value based on the font size (default is 16). Meaning 1 EM is almost a character wide. A value of 0 will ensure no line-breaks for this label.

Label Style

The "Label Style" section contains options related to the style of the Label. Google Maps does not support Label Style section inside Display Rules.

  1. Label Type - Controls which label Type is used. The system will accept either Text Label, Flat Label or Graphic Label.

  2. Text Size - Sets the size of the Label. The value must be a number between 1 and 255, with 1 being very small, and 255 being the maximum size of the Label.

  3. Text Color - Sets the color of the Label. In the CMS, you can select a color using the color picker displayed when clicking the color input field.If setting the color in-app, the value provided must be in 6-digit HEX code (eg. #3071D9).

  4. Text Opacity - Controls the text opacity of the Label.The value here should be between 0 and 1. A value of 1 gives 100% opacity, 0.2 gives 20% opacity, etc.

  5. Halo color - Sets the halo color of around the Label. In the CMS, you can select a color using the color picker displayed when clicking the color input field.If setting the color in-app, the value provided must be in 6-digit HEX code (eg. #3071D9).

  6. Halo Width - Sets the halo thickness/width. Defined in pixels.

  7. Halo Blur - Sets when halo blurring effect should be applied. (eg. With Halo Width = 10px, and Halo Blur = 5px, blurring effect will be applied in the middle of the Halo Width).

By choosing Floating Label type, the new sub-section will appear: Label Position. It controls the position of the Floating Label relative to the anchor point of the Location. Options are: bottom, top, right or left.

It is possible to define what position the label by choosing Flat Label type, the new sub-section will appear: Bearing. It controls the rotation of the Flat Label. Measured in degrees, like a compass bearing.

By choosing Graphic Label, type the new sub-section will appear: Add Graphic Label. It controls which background is going to be used for label.

After clicking 'Add Graphic Label' button, pre-filtered Media Library will be opened:

The use of graphic labels is currently in a preview phase, meaning that you can only choose from MapsIndoors Labels. When you choose a specific label, you'll see it updated on the map:

Polygons are independent from tiles. Tiles are drawn by MapsPeople and overlaid onto the mapping engine (Mapbox or Google Maps). Polygons are an overlay with customisable attributes that are then overlaid on top of the Tiles. Therefore, while you can edit the "Polygon" attributes of a Location connected to a Tile, be that an Area or a Room, you need to account for attributes such as the opacity of the Polygon in the resulting appearance. It is not currently possible to override the appearance of Tiles.

The "Polygon" section contains options related to the appearance of the Polygon.

  1. Visibility - Controls whether the Polygon is visible on the map.

    • The system will accept a Boolean here, so either true or false.

  2. Zoom from - Sets the minimum Zoom Level at which the Polygon is visible.

    • The value must be a number between 1 and 999, with 1 being very far away, and 999 acting as "max zoom". Google Maps only supports up to zoom level 22 at most, with Mapbox supporting up to level 25. Setting a value above these, your Polygon will not show up on the map.

  3. Zoom to - Sets the maximum Zoom Level at which the Polygon is visible.

    • The value must be a number between 1 and 999, with 1 being very far away, and 999 acting as "max zoom". Google Maps only supports up to zoom level 22 at most, with Mapbox supporting up to level 25.

    • The recommended setting is to click the "Max zoom" checkbox, which sets the value to 999 in the data.

  4. Stroke color - Controls the stroke color of the Polygon.

    • In the CMS, you can select a color using the color picker displayed when clicking the color input field.

    • If setting the color in-app, the value provided must be in 6-digit HEX code (eg. #3071D9).

  5. Stroke width - Controls the stroke width (in pixels) of the Polygon.

  6. Stroke opacity - Controls the stroke opacity of the Polygon.

    • The value here should be between 0 and 1. A value of 1 gives 100% opacity, 0.2 gives 20% opacity, etc.

  7. Fill color - Controls the fill color of the Polygon.

    • In the CMS, you can select a color using the color picker displayed when clicking the color input field.

    • If setting the color in-app, the value provided must be in 6-digit HEX code (eg. #3071D9).

  8. Fill opacity - Controls the fill opacity of the Polygon.

    • The value here should be between 0 and 1. A value of 1 gives 100% opacity, 0.2 gives 20% opacity, etc.

Please note that this functionality needs to be enabled by MapsPeople. You can contact your MapsPeople representative to have the 2D model functionality enabled for your Solution(s).

2D Models are a way of including images on the map, and customising their appearance. They are uploaded using the Media Library.

The size of the 2D Models on the map follow the zoom levels, as opposed to how icons work, which always keep their size. The most common use case is to have logos for exhibitors, stores, or the like on the map.

  1. Visibility - Controls whether the 2D model is visible on the map.

    • The system will accept a Boolean here, so either true or false.

  2. Zoom from - Sets the minimum Zoom Level at which the 2D model is visible.

    • The value must be a number between 1 and 999, with 1 being very far away, and 999 acting as "max zoom". Google Maps only supports up to zoom level 22 at most, with Mapbox supporting up to level 25. Setting a value above these, your Polygon will not show up on the map.

  3. Zoom to - Sets the maximum Zoom Level at which the 2D model is visible.

    • The value must be a number between 1 and 999, with 1 being very far away, and 999 acting as "max zoom". Google Maps only supports up to zoom level 22 at most, with Mapbox supporting up to level 25.

    • The recommended setting is to click the "Max zoom" checkbox, which sets the value to 999 in the data.

  4. 2D Model - Open the Media Library, where you can choose which 2D model to display.

    • The Media Library is a tool to select the displayed Icon from either a pre-loaded selection of Icons, or for you to upload your own.

    • In-app, you can provide a URL to a desired 2D Model.

  5. Width x Height - Controls the width and height of the 2D model, measured in meters. These values cannot be changed individually, the 2D model must maintain its original aspect ratio.

    • "Fit to Location" is a great option for quickly setting a Width and Height that makes the 2D Model take up as much space as possible in the polygon.

      • Note that the "anchor point" is the deciding factor here. For Locations where the anchor point has not been moved (the place where the icon is shown inside the polygon), it will be computed to be in the center of the polygon. This is also the point that is used for the calculation of where to place the 2D Model and have it take as much space as possible — if the anchor point is close to an edge of the polygon, there will not be a lot of space as there would be if it was placed at the center.

  6. Bearing (rotation) - Controls the rotation of the 2D model. Measured in degrees, like a compass bearing.

The MapsIndoors CMS gives you the options for to display your map in 3D. This is achieved by visualising Rooms as Walls and Extrusions. The appearance of these can be determined by these Display Rule configurations.

  1. Visibility - Controls whether the 3D Walls are visible on the map.

    • The system will accept a Boolean here, so either true or false.

  2. Zoom from - Sets the minimum Zoom Level at which the 3D Walls are visible.

    • The value must be a number between 1 and 999, with 1 being very far away, and 999 acting as "max zoom". Mapbox supports up to level 25. Setting a value above these, your 3D Walls will not show up on the map.

  3. Zoom to - Sets the maximum Zoom Level at which the 3D walls are visible.

    • The value must be a number between 1 and 999, with 1 being very far away, and 999 acting as "max zoom". Mapbox supports up to level 25.

    • The recommended setting is to click the "Max zoom" checkbox, which sets the value to 999 in the data.

  4. Wall color - Controls the color of the 3D Walls.

    • In the CMS, you can select a color using the color picker displayed when clicking the color input field.

    • If setting the color in-app, the value provided must be in 6-digit HEX code (eg. #3071D9).

  5. Wall height - Controls the height of the 3D Walls, measured in meters.

The MapsIndoors CMS gives you the options for to display your map in 3D. This is achieved by visualising Rooms as Walls and Extrusions. The appearance of these can be determined by these Display Rule configurations.

  1. Visibility - Controls whether the Extrusion is visible on the map.

    • The system will accept a Boolean here, so either true or false.

  2. Zoom from - Sets the minimum Zoom Level at which the Extrusion is visible.

    • The value must be a number between 1 and 999, with 1 being very far away, and 999 acting as "max zoom". Mapbox supports up to level 25. Setting a value above these, your 3D Walls will not show up on the map.

  3. Zoom to - Sets the maximum Zoom Level at which the Extrusion is visible.

    • The value must be a number between 1 and 999, with 1 being very far away, and 999 acting as "max zoom". Mapbox supports up to level 25.

    • The recommended setting is to click the "Max zoom" checkbox, which sets the value to 999 in the data.

  4. Extrusion color - Controls the color of the Extrusion.

    • In the CMS, you can select a color using the color picker displayed when clicking the color input field.

    • If setting the color in-app, the value provided must be in 6-digit HEX code (eg. #3071D9).

  5. Extrusion height - Controls the height of the Extrusion, measured in meters.

3D Model section is essential for creating a great 3D map experience. They are uploaded using the Media Library.

  1. Visibility - Controls whether the 3D Model is visible on the map.

    • The system will accept a Boolean here, so either true or false.

  2. Zoom from - Sets the minimum Zoom Level at which the Extrusion is visible.

    • The value must be a number between 1 and 999, with 1 being very far away, and 999 acting as "max zoom". Mapbox supports up to level 25. Setting a value above these, your 3D Walls will not show up on the map.

  3. Zoom to - Sets the maximum Zoom Level at which the Extrusion is visible.

    • The value must be a number between 1 and 999, with 1 being very far away, and 999 acting as "max zoom". Mapbox supports up to level 25.

    • The recommended setting is to click the "Max zoom" checkbox, which sets the value to 999 in the data.

  4. 3D Model - Open the Media Library, where you can choose which 3D model to display.

    • The Media Library is a tool to upload and select the model you want to show on the map.

    • In-app, you can provide a URL to a desired model.

  5. X-axis rotation - Controls the rotation of the model on the X-axis.

    • This value is the rotation on a given axis measured in degrees, and can be any value between 0 and 360.

  6. Y-axis rotation - Controls the rotation of the model on the Y-axis.

    • This value is the rotation on a given axis measured in degrees, and can be any value between 0 and 360.

  7. Z-axis rotation - Controls the rotation of the model on the Z-axis.

    • This value is the rotation on a given axis measured in degrees, and can be any value between 0 and 360.

  8. Scale - Control the scale of the model. Can be used to make the model larger or smaller on the map.

    • This value is a multiplier in relation to the original size of the uploaded model.

All properties are optional

Properties
Type
Validation
Description

visible

boolean

Must be true for the location to be shown in the map. If not true all other parameters are ignored.

iconVisible

boolean

Must be true for the icon to be visible in the map. If this is not true the zoomFrom, zoomTo, iconUrl, iconScale and iconSize parameters are ignored.

zoomFrom

number

1-999

The minimum zoom level the image/icon will be visible on the map.

zoomTo

number

1-999

The maximum zoom level the image/icon will be visible on the map.

icon

string

A URL to an image to represent the Location on the map.

iconScale

double

> 0

⚠️ Deprecated

iconSize

object

Specifies the size that the image will appear on the map. {{ "{width: number, height: number" }}}.

labelVisible

boolean

Must be true for the label to be visible on the map. If it is false all parameters under label are ignored.

labelZoomFrom

number

1-999

The minimum zoom level the image/icon will be visible on the map.

labelZoomTo

number

1-999

The maximum zoom level the image/icon will be visible on the map.

labelMaxWidth

number

>0

Specify how wide (in pixels) a Label can be before forcing a line-break.A value of 0 will ensure no line-breaks for this label

label

Controls the information the Label should contain

labelStyle

object

Everything under this parameter apply only to locations that have label style data defined.

labelStyle.textSize

number

1 - 255 in pixels

Defines the size of the label on the map.

labelStyle.textColor

Valid hex color

The color of the label.

labelStyle.textOpacity

number

0 - 1

The opacity of the label.

labelStyle.haloColor

Valid hex color

The color of the halo around the label.

labelStyle.haloWidth

number

1 - 64

The width of the halo around the label.

labelStyle.haloBlur

number

1 - 64

Sets the distance on the halo width when the blur effect should be applied.

labelStyle.bearing

number

0 - 360

Sets the bearing of the flat label on the map.

labelStyle.graphic

object

Everything under this parameter apply only to locations that have label style and label graphic data defined.

labelStyle.graphic.backgroundImage

string

A URL to an image to represent the Location's Graphic Label on the map.

labelStyle.labelPosition

string

Sets the Label Position of the floating label on the map.

iconSize.width

double

> 0

iconSize.height

double

> 0

polygon

object

Everything under this parameter apply only to locations that have polygon data defined such as Rooms and Areas, but not POIs.

polygon.visible

boolean

Must be true for the polygon to be visible on the map. If this is not true all parameters under polygon are ignored.

polygon.zoomFrom

1-999

The lowest zoom level where the polygon will be shown.

polygon.zoomTo

1-999

The highest zoom level where the polygon will be shown. This number must be higher than polygon.zoomFrom unless polygon.zoomFrom is equal to the highest available zoom level for the Solution (this is 22 in some cases).

polygon.strokeWidth

>= 0

The width of the outline of the polygon.

polygon.strokeColor

Valid hex color

The color of the outline of the polygon.

polygon.strokeOpacity

0-1

The opacity of the outline of the polygon. Set this to 0 if only the interior is to be shown.

polygon.fillColor

Valid hex color

The color of the interior of the polygon.

polygon.fillOpacity

0-1

The color of the interior of the polygon. Set this to 0 if only the outline is to be shown.

Display Rule Hierarchy

Display Rule Properties

Polygon

2D Model

to see what the requirements are to use the 3D functionality in MapsIndoors.

3D Room Extrusion

to see what the requirements are to use the 3D functionality in MapsIndoors.

3D Model

to see what the requirements are to use the 3D functionality in MapsIndoors.

​
​
​
​
Please visit this page
​
Please visit this page
​
Please visit this page
Integration API
Live Data integrations
Location Details Editor
Open Solution Details
Open Display Rules for a given Location Type
Location's Display Rule
General Display Rules section
Icon Display Rules section
Label Display Rules section
Label Style Display Rule Section
Label Position Display Rules sub-section
Bearing Display Rules sub-section
Graphic Label Display Rules sub-section
Media Library for Graphic Labels
Polygon Display Rules Section
2D Model Display Rules section
3D Walls Display Rules section
3D Room Extrusion Display Rules section
3D Model Display Rules section