Map

Documentation

Map

What is a map section?

The map section typically includes features such as the ability to zoom in and out, navigate using street view, and sometimes includes additional information like directions, nearby points of interest, or contact details related to the location displayed on the map. Setting up a map section on a website involves embedding the map using a map API (Application Programming Interface) such as Google Maps API or OpenStreetMap API. This usually requires obtaining an API key and customizing the map's appearance, functionality, and information displayed to suit the website's needs. Map

How to set up a map section?

1. Go to the theme editor and add the map section.
2. After integrating the map section, customize its settings by accessing the options on the right side.
3. Add a heading to introduce the map section and choose the heading size from the available options.
4. Select the alignment for the heading (Left, Center, Right).
5. Choose a color scheme for the map section from the available 4 options.
6. Upload an image related to the map section if needed and choose the image ratio (Original, Small, Medium, Large).
Map
7. Obtain and enter your Google Maps API key to display the map accurately.
8. Decide whether to enable a grayscale filter for the map.
9. Select a color scheme for the map.
10. Add the name of the location associated with the map and choose the font size for the location name.
11. Input the address for the map to pinpoint the exact location using Google Maps.
12. Specify the operating hours for the location and add a button label for a call-to-action button related to the map section.
Map
13. Finally, fine-tune the spacing above and below the section using the section spacing slider.
14. Optionally, utilize the option to add custom CSS for incorporating unique styles to the section.

Unable to locate the information you need?

Our support team is here to help! Feel free to reach out anytime – we're just a message away and ready to assist you with any questions you may have.

Contact support