Skip to main content

Google Maps

Showcase the location of your business or event

Diego Muralles avatar
Written by Diego Muralles
Updated over a week ago

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.

Adding Google Maps in Vev

How to Add a Google Map to Your Project

Follow these steps to embed a map in your Vev project:

  1. Add the Google Map Component
    From the Add menu, drag the Google Map element onto your canvas.

  2. Open Configuration Settings

    • Double-click the Google Map component on the canvas.

    • The configuration panel will open on the right.

  3. 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

Did this answer your question?