Using the Google Maps element

Showcase the location of your business or event

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

Help readers locate your business or event by adding Google Maps to your project. Vev's Google Map element is a zoomable map snippet for showing a current or custom set location.

Adding Google Maps in Vev

Add a Google Maps element

  1. From the top menu bar, click Add Menu (Shortcut: M)

  2. Search for and select Google Maps

  3. Click and drag the element to your canvas

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

Configuration options

Double-clicking the element opens the configuration options. From here, you can add the desired location and the geographic coordinates.

Parameter

Options

Address

Add the address of your location.

Latitude and longitude

Add the geographic coordinates.

Did this answer your question?