Example for Zooming & Panning in React Maps Component


This sample depicts the zooming and panning options in the maps. You can customize these options by changing the zooming option to Zooming, Mouse wheel zoom, Pinch zoom, Single-click zoom, and Double-click zoom in the Properties panel. Slider control has been placed to zoom the map at the bottom.

More Details...


In this example, you can see how to zoom and pan the map. The support has been provided for zooming with toolbar, rectangle zoom, pinch zoom, mouse wheel zoom, single-click and double-click zoom

Injecting Module

Maps component features are segregated into individual feature-wise modules. To use the zooming feature, inject the zoom module using the Maps.Inject(zoom) method.