Customizing zoom settings provides control over the map’s view and focus. Here are three key ways to adjust the zoom levels within the ASL plugin:
Accessing Default Zoom #
- Navigate to ASL Settings > Maps.
- Utilize the Default Zoom dropdown to select the desired zoom value.
Shortcode Override #
- Use
[ASL_STORELOCATOR zoom="10"]
shortcode attribute. - Adjust the zoom level between 3 to 21 according to your preference.
Mobile-Specific Zoom #
- Enhance mobile display by setting specific zoom levels.
- Implement ‘mobile_zoom’
[ASL_STORELOCATOR mobile_zoom="12"]
within the shortcode for optimized mobile viewing.
Configuring Search Zoom #
The “Search Zoom” feature controls the map zoom level after a search is performed. With the introduction of version 4.10.8, users can now enable the “Fit to Location” option, which dynamically adjusts the zoom based on the geographic area of the searched location.
How It Works #
- Dynamic Zoom: When “Fit to Location” is enabled, the zoom level automatically adjusts according to the size of the searched area. For example, searching for “New York” might set the zoom to 9, while “California” might set it to 5 due to the larger geographic size.
- Fixed Zoom: Users also have the option to set a fixed Zoom level. This can be configured anywhere from a minimum of 2 to a maximum of 20, providing a consistent zoom level regardless of the search area.
Distance Control Dropdown with Zoom Value #
You can configure the zoom level to dynamically adjust based on the distance value selected from the Distance Control Dropdown. This feature ensures that the zoom level on the map corresponds directly to the distance radius selected, providing a more intuitive and user-friendly interface.
Prerequisites #
Before enabling this feature, ensure that the Radius Circle is activated, as it visually represents the search radius on the map, which is crucial for the correct functioning of this feature.
How to Configure #
To link the Distance Control Dropdown Value with the Zoom Value:
- Access the Agile Store Locator settings in your WordPress dashboard.
- Navigate to the Map tab in the ASL Settings.
- Enable the Radius Circle if it’s not already enabled, and also enable the Distance Control such as Dropdown.
- Save the Settings to apply the changes.
Example #
When a user selects “10 Miles” from the Distance Control Dropdown, the map will automatically adjust the zoom level to appropriately cover a 10-mile radius around the searched location. This synchronization between the dropdown selection and map zoom enhances the user’s ability to precisely gauge the area they are interested in exploring.