There are some map interactions, such as Draw and Select, which change the style of the feature depending on its current state, that is, if it is currently being drawn or selected. There are also other interactions that create temporary geometries, such as the
DragZoom interaction, which draws out a rectangle over the map representing the extent that you wish to view.
This recipe shows us how we can modify the styles used for each of these render intents to change the look of our applications.
We will create a panel above the map that allows the user to enable the draw or select interactions. They will be able to perform
DragZoom whenever they like. The source code can be found in
ch06/ch06-styling-interaction-render-intents, and the styling for the Draw interaction render intent will look like the following screenshot: