Example of Zooming & Panning in Blazor Maps Component

Maps / User Interaction / Zooming & Panning

This sample illustrates the zooming and panning options in the map. Zooming, panning, mouse wheel zoom, pinch zoom, single-click zoom, and double-click zoom are among the available options.

Properties
Zooming
Panning
Mouse Wheel Zoom
Pinch Zoom
Single Click Zoom
Double Click Zoom
Animation Duration
500 ms

In this example, you can see how to zoom and pan the map. Zooming allows you to focus on a specific region by widening the view. Zooming with the toolbar, rectangle zooming, pinch zooming, mouse wheel zooming, single-click and double-click zooming are all supported. You can move the zoomed map to the left, right, top, and bottom using the panning option.

More information about zooming and panning can be found in this documentation section.

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