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:
<arcgis-map item-id="f133a698536f44c8884ad81f80b6cfc7">
<arcgis-floor-filter position="top-right"></arcgis-floor-filter>
<arcgis-zoom position="top-left"></arcgis-zoom>
</arcgis-map>