• Material
  • Fabric
  • Bootstrap
  • Bootstrap v4
  • High Contrast
Preferences
Theme Selection
Mode Selection
Touch
Mouse
Essential JS 2
HOME
All Controls

Button

This sample visualizes a seating chart, in which the seats can be selected similarly to bus seat booking. Available, booked, and selected seats will be displayed in different colors.

DEMO
SOURCE
Bus seat selection
Available
Selected
Booked
Clear Selection

In this example, you can see how to render the normal geometry type shapes on the map. Selection is enabled in this sample. You can use the fill, width, and color properties in the selectionSettings to customize the appearance of the shapes after selection.


Injecting Module

Maps component features are segregated into individual feature-wise modules. To use the selection, inject the Selection module using the Maps.Inject(Selection) method.