Google Map Element

Fully Integrated & Flexible

Buy Avada
Discover More
Prebuilt Websites

Avada Integrated Google Maps

Avada has integration for Google Maps. We have a dedicated contact page template with map integration that allows you to set many different map options via our global options panel. In addition, we have a Google Map Element that can be used on any page or post, or widget section. We include intuitive options that allow you to use the default google map styles, or customize the options to fit your branding style. Avada also lets you select multiple map locations on a single map, each with its own content. Select 4 map types, display a color overlay, upload a custom map marker, customize the map popup box along with many other unique options.

For privacy reasons Google Maps needs your permission to be loaded.
I Accept

4 Map Types To Choose From

We offer up 4 completely different map types and appearances for you to select based on your requirements and design. These are Roadmap, Satellite, Hybrid and Terrain.

Roadmap

For privacy reasons Google Maps needs your permission to be loaded.
I Accept

Satellite

For privacy reasons Google Maps needs your permission to be loaded.
I Accept

Hybrid

For privacy reasons Google Maps needs your permission to be loaded.
I Accept

Terrain

For privacy reasons Google Maps needs your permission to be loaded.
I Accept

Customize Your Maps Appearance

Using our customization options you can completely change the appearance of your included google map. Choose from default styling, to styling that matches your themes colour scheme, or completely customize pointers and colours to further brand your Google Map.

For privacy reasons Google Maps needs your permission to be loaded.
I Accept

Default Google Styling

The default map style gives you the exact styling that comes from Google Maps. This includes all the map coloring, the info box styles, and map marker. This is classic Google Maps styling!

For privacy reasons Google Maps needs your permission to be loaded.
I Accept

Theme Styling

Avada map styling is unique. When using this styling, the map color overlay, map marker, and info box will be automatically set with our unique settings!

For privacy reasons Google Maps needs your permission to be loaded.
I Accept

Custom Styling

Custom map styling allows you to add images or icons as a custom map marker, overlay colors, infobox backgrounds, and text color which is perfect for branding!

Powerful Map Controls

Edit and customize your map controls ranging from the zoom level of your map to the address pin being animated.

Zoom Level

Scrollwheel On Map

Scroll Scale Control On Map

Show Pan Control On Map

Address Pin Animation

Show Tooltip By Default

Google Maps API Option

We’ve added a brand new API option that gives you the ability to load in and have as many Google Map impressions as you like for absolutely free.

The Avada: Website Builder

CREATE THE LAYOUTS YOU WANT

The Avada Website Builder gives you the ability to design and build any layouts for your Avada website. Choose to customize the Footer, single posts, Portfolio posts, archives, search results, and more. With the power of Layouts, Layout Sections, Conditional Logic, Layout Section Elements, and Avada’s massive range of Design Elements, the sky is the limit. Custom design a global footer or only apply the custom Footer to a single page or post.

avada-theme-builder
EXPLORE THE AVADA WEBSITE BUILDER

Header Builder

Whatever your design requirements are, getting the job done could not be any easier. You can decide how many columns to use when designing and building the header, with a vast array of styling options to perfect the layout. What’s more, is you can now choose to create and display as many different headers as you want for different pages and posts throughout your website.

Footer Builder

Free from any constraints of Global Options, anything you can imagine and design, you can build and implement as your Footer, either globally or in a conditional layout on a Custom Post Type, a post category, or any number of other possibilites. With the Avada Footer Builder, we have introduced a tool of unparalled design power and flexibility, and you are now limited more by your imagination than anything else.

The #1 Selling WordPress Theme Of All Time

700,000+

Individuals & Businesses Trust Avada

BUY AVADA

Documentation & Videos

We have a wide range of support material to suit your learning style. Our documentation is extensive and growing. There are almost 500 documents, where you can search and read about almost any aspect of Avada. Prefer to watch? We have a growing library of HD video tutorials covering the basics and much, much more. Like to engage? Submit a support ticket, join our Community Forum, or engage with other users on the community run Facebook Avada Users Group.

Documentation

Start Searching

Video Tutorials

Start Watching

Need Support?

Start Engaging

Customize Elements Globally Or Individually

Elements can be controlled globally inside of the Avada Global Options, or individually per Element by changing the options for each once added to a page or post. Individual Element options will always override the global options. This flexibility gives you the ultimate freedom to style Elements and content that is unique and will stand out from the rest of the site.

Element Options

  • Google API Type  – Select the API Type for your Google Map. Default, JS API, Embed API*, Static API.
  • Google API Type Embed – Reduces Map Type to Roadmap and Satellite only, due to API Type.
  • Address – Type in Addresses for the Google Map.
  • Map Type – Choose the map type: Roadmap, Satellite, Hybrid, Terrain.
  • Map Dimensions – Set the Width and Height of the map.
  • Zoom Level – Set the Zoom level for your Google Map.
  • Scrollwheel on Map – Choose if the Map has a scrollwheel.
  • Show Scale Control on Map – Choose if the Map has scale control.
  • Show Pan Control on Map – Choose if the Map has pan control.
  • Address Pin Animation – Choose if the Address Pin has animation.
  • Show Tooltip By Default – Choose if to show Tooltip by Default.
  • Select the Map Styling Switch – Set the Map Styling. Choose from Default Styling, Theme Styling or Custom Styling*.
  • Map Styling Custom Styling – Advanced Options Include: Map Overlay Color, Infobox Content, Infobox Styling, Custom Marker Icon.

  • Element Visibility – Choose to show or hide the element on small, medium or large screens.

  • CSS Class – Add a class to the wrapping HTML element.

  • CSS ID – Add an ID to the wrapping HTML element.