FloorFilter component

This sample demonstrates how to use the FloorFilter component with minimal configuration. The FloorFilter component simplifies the process of visualizing indoor data in a JavaScript application.

The component uses instances of FeatureLayer to visualize floor plans, indoor spaces, and floor-aware features. The map displays an office building at the Esri headquarters site in Redlands, where each floor in the building can be viewed one at a time utilizing the FloorFilter.

The FloorFilter component is integrated within the arcgis-map element, linking it to the map. It will update the view's floors whenever the selected floor changes, affecting all floor-aware layers in the view.

The FloorFilter component is added to the app as shown below:

Use dark colors for code blocksCopy
1
2
3
4
<arcgis-map item-id="f133a698536f44c8884ad81f80b6cfc7">
  <arcgis-floor-filter position="top-right"></arcgis-floor-filter>
  <arcgis-zoom position="top-left"></arcgis-zoom>
</arcgis-map>

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.