• Material 3
  • Fluent
  • Bootstrap v5
  • Tailwind CSS
  • High Contrast
Preferences
Theme Selection
Theme Modes
Mode Selection
Touch
Mouse
Localization
*Translated by Google Translator.
Currency

Example of Bus seat booking in ASP.NET MVC Maps Control

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 icon
Bus seat selection
Steering wheel icon
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.

Transform your ASP.NET MVC web apps today with Syncfusion ASP.NET MVC components
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE