Maps / User Interaction / Zooming & Panning

Blazor Maps Example - Zooming and Panning Interaction Support

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.