You can help users locate your business, event, or any important place by embedding a Google Map directly into your Vev project. The Google Map component allows you to display a zoomable and interactive map snippet, showing either a specific or custom location.
How to Add a Google Map to Your Project
Follow these steps to embed a map in your Vev project:
Add the Google Map Component
From the Add menu, drag the Google Map element onto your canvas.Open Configuration Settings
Double-click the Google Map component on the canvas.
The configuration panel will open on the right.
Set Your Location
Address: Search for and select the specific address you want to display.
Zoom Level: Adjust the zoom to control how close or far the map appears.
Map Type: Choose between
Default (street map)
Satellite (aerial imagery)
Styling the Google Maps element
From the styling panel on the right, you can customize the way your Google Maps element looks. First, make sure you've selected it on the canvas.
Size: Set your desired dimensions for your Google Maps element
Border: Set a border color, opacity, and line weight
Border Radius: Curve the radius of the border, make sure to also set the border radius of elements
Effects: Add different types of shadows or blur effects (learn more here)
Opacity: Set the opacity of the element