Maps / User Interaction / Zooming & Panning

Blazor Maps Example - Zoom and Pan Controls

Loading Syncfusion Blazor Server Demos…

Properties

This sample demonstrates comprehensive zooming and panning capabilities in maps, including toolbar zooming, rectangle zooming, pinch zooming, mouse wheel zooming, single-click zooming, and double-click zooming options.

Key interaction features include:

  • Zooming - Focus on specific regions by widening or narrowing the view
  • Toolbar Zooming - Use control buttons for precise zoom adjustments
  • Rectangle Zooming - Drag to select a rectangular region for zoom
  • Pinch Zooming - Touch-based zoom gestures
  • Mouse Wheel Zooming - Scroll wheel for zoom control
  • Single-Click Zooming - Click to zoom in on a specific location
  • Double-Click Zooming - Double-click to zoom in or out
  • Panning - Move the zoomed map left, right, up, or down to view different regions

For detailed information about implementing zooming and panning functionality, refer to the zooming documentation.

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