Map Controls – Customize How Users Interact with Your Map

The Map Controls section in WP Maps allows you to fine-tune the interactive behavior of your store or product locator map. 

These settings give you control over how users can navigate, zoom, rotate, and interact with your map, creating a tailored experience that suits both mobile and desktop users.

Whether you want to keep things simple and static or allow dynamic exploration, these toggles let you strike the perfect balance between user freedom and interface control.

What These Options Do #

Here’s a breakdown of each toggle available under Map Controls:

1. Zoom Control #

Displays plus (+) and minus (–) buttons on the map for manual zooming.

Useful for users who prefer clicking over pinching or scrolling.

2. Rotate #

Allows the map to be rotated horizontally (bearing) and vertically (pitch).

This is especially useful in 3D or tilted map views, commonly supported in Mapbox maps.

3. Scale control #

Displays a visual scale bar on the map (usually in the corner), which adjusts dynamically as the zoom level changes.

It shows real-world distance (e.g., 1 km or 1 mile).

4. Scroll Wheel Zoom #

Let users zoom in and out using the mouse scroll wheel.

Ideal for users familiar with map gestures, but can be disabled to prevent accidental zooming on scroll.

5. Street View Control #

Adds a Pegman (drag-and-drop) icon on Google Maps that allows users to enter Street View mode, where they can navigate streets in a panoramic 360° view.

6. Map Type Control #

Let users switch between different map types, such as roadmap, satellite, terrain, and hybrid (depending on the selected map provider).

Benefits of Using Map Controls #

1. Improved Navigation – Users can move and zoom with ease.
   
2. Focused Control – Prevents unwanted zoom or scroll behaviors in embedded contexts.
   
3. Flexible Experience – Enables you to decide how interactive your map should be.
   
4. Mobile-Friendly – Optimize controls to suit smaller screens and gestures.
   
5. Accessibility Support – Keyboard controls offer better usability for keyboard-dependent users.
   

How to Configure #

1. Log in to your WP Maps account and click on the “Widgets” tab.
2. Click on “Install Widget”.
   
3. Under the “Map Configuration” section, locate the “See Map Controls” link at the bottom, and click on it.
   
4. Use the toggles to enable or disable the controls you need:
   1. Zoom Buttons
   2. Rotate
   3. Scale Control
   4. Scroll Wheel Zoom
   5. Map Type Control
   6. Street View Control
5. Save your changes to apply them to the front-end widget.

Each control can be adjusted based on your target audience and desired user experience.

For any questions or concerns, feel free to contact us at [email protected].