Maps / Use Cases / Bus Seat Selection

Blazor Maps Example - Bus Seat Selection Interface

Loading Syncfusion Blazor Server Demos…

Bus
Bus Seat Selection
Wheel
Properties

This sample visualizes a seating chart that enables seat selection functionality similar to bus seat booking systems, with available, booked, and selected seats displayed in distinct colors.

The example demonstrates how to render normal geometry type shapes in the map with selection capabilities enabled. The MapsLayerSelectionSettings allows customization of shape appearance after selection through:

  • Fill property for changing the fill color
  • Opacity property for adjusting transparency levels

These properties enable intuitive visual feedback when shapes are selected, enhancing the user experience.

Transform your Blazor web apps today with Syncfusion® Blazor components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE