Map and component events

This sample demonstrates Calcite Components and the ArcGIS Maps SDK for JavaScript working together in an application workflow. Using the Input Time Zone Calcite component and the ArcGIS Map from the ArcGIS Maps SDK, an interactive selection experience is created. The sample also includes an Action component used to reset the selection to the initial value.

Functionality considerations

In this sample, the user can select a time zone using the Input Time Zone component, which will then update the map to center on the selected time zone. The reset Action allows the user to quickly revert back to the initial value. This demonstrates how events from both Calcite Components and the ArcGIS Maps SDK can be implemented together to create a cohesive user experience.

Component functionality

• The calcite-input-time-zone component emits a calciteInputTimeZoneChange event whenever the user selects a different time zone. This event can be listened to in order to update the map's center based on the selected time zone.
• The calcite-action component for resetting the selection emits a click event when the user clicks the reset Action. This event can be handled to reset the map's center to the initial value.