1. Home
  2. Docs
  3. Dynamic Contents
  4. Google Map

Google Map EA Element

The Google Maps EA widget is a really simple way to embed Google Maps in your website. This is very useful for contact pages, so your visitors can know where you are located. Here in this tutorial, you’re going to learn how to use the Google Map element into Elementor Page Builder. So let’s get straight into it:

 


If you don’t know how to activate elements and start using it, then check the tutorials below:

Ξ Activate/De-activate Elements

Ξ Using Elementor Addons in Elementor


 

How to Customize the Google Map Element

 

»Content

 

General Settings

⇒Google Map Type: Select the type of Google Map you want to embed in your webpage.

⇒Address Type: Set the address type on your Google Map either address or coordinates. If set coordinates, then add the

⇒Geo Address: Enter the geographical address to show it on the map when you choose address type as address.

 

Map Marker Settings

⇒Title: Type the Google Map title.

⇒Content: Type Google Map content.

⇒Custom Marker Icon: Enable/disable the custom marker icon. If you enable it, then add the marker icon image and customize the width and height of the icon.

 

Map Controls

⇒Zoom level: Set the default zoom level of the Google Map.

⇒Street View Controls: Show/hide the street view controls on the Map.

⇒Map Type Control: Enable/disable the map type control.

⇒Zoom Control: Enable/disable the zoom control on the Google Map.

⇒Fullscreen Control: Enable/disable the fullscreen control.

⇒Scroll Wheel Zoom: Enable/disable the zoom on the scroll wheel.

 

Map Theme

⇒Theme Source: Select the Google Map theme source either Google Standard, Snazzy Maps or Custom. After select one, customize the options according to their own settings.

→For Google Standard: Click here to generate your own theme and use JSON within the Custom style field.

→For Snazzy Maps: Click here to explore more themes and use JSON within the custom style field.

→For Custom Map Theme: Click here to get JSON style code to style your map

 

Unable To Use or Found Bugs?

⇒Need Support: Are you in need of a feature that’s not available in our plugin or got some bugs? Feel free to do a Support request.

 


»Style

 

General Style

⇒Max Width: Customize the maximum width for the map in different dimensions.

⇒Max Height: Customize the maximum height for the map in different dimensions.

⇒Margin: Set the margin value for the top, right, bottom and left around the map for different dimensions. You can link the values together or customize them individually.

 


»Advanced

Set the Advanced options that are applicable to this widget

Still can’t figure out? Don’t worry, we got your back! Just watch the video tutorial below to have a precise understanding of the Google Map Element.


Was this article helpful to you? Yes No

How can we help?