Google Maps

Google Map Shortcode

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 theme options panel. In addition, we have a google map shortcode 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.

4 Different Google Map Types

Make your website interesting by choosing between 4 Google Map designs: Google Map Roadmap, Google Map Satellite, Google Map Hybrid, or Google Map Terrain.

Google Map Roadmap

Google Map Satellite

Google Map Hybrid

Google Map Terrain

Customization Settings

Easily customize map styles, info box colors, and content! Not only do we offer Google Map’s default styles, but Avada has also included a Theme Map Style that’s unique to Avada, and a totally customizable map style called Custom Map Styling!

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 the classic Google Maps styling!

Theme Map Styling

We have added a custom theme styling that is unique to the Avada theme. When using this styling, the map color overlay, map marker and info box will be automatically set with our unique settings!

Custom Map Styling

The custom map style allows you to use any uploaded image or icon as a custom map marker. As well as any overlay color, infobox background and text color. This is perfect for branding your site!

Full Size Control

The Google Maps shortcode and theme option integration allows you to take full control over the width and height of the map. Use fixed widths or percentages. This comes in handy when placing maps on pages that need to fit perfectly in unique layouts.

Powerful Map Controls

Avada allows you to control several aspects of the map. Set the zoom level on the map, show or hide the map scale, allow the mouse scroll wheel to zoom in and out or to be disabled when used, show or hide the pan control icon and choose to show or hide hte map popup when the page loads. Amazing options at your fingertips, super powerful!

Complete Set of Options

Every option and description included with the Google Map shortcode is listed below.

  • address – Your physical address. To have multiple map markers, separate two addresses with a vertical line. For example, 579 Allen Road Basking Ridge, NJ 07920 | Mount Arlington, NJ 07856.
  • type – Can be one of these values: roadmap, terrain, hybrid, or satellite. Sets the type of Google Map to display.
  • map_style – Can be one of these values: default, theme, or custom. Choose custom to use advanced color options.
  • overlay_colorCustom setting only. Accepts a hexcode ( #000000 ) or RGBA values ( rgba(0,0,0,0) ). Sets the overlaying color for the map. Works best with the roadmap type. Leave Blank for Theme Option selection.
  • infoboxCustom setting only. Can be one of these values: default, or custom. Choose custom to use advanced options.
  • infobox_background_colorCustom setting only. Accepts a hexcode ( #000000 ). Sets the infobox’s background color. Leave Blank for Theme Option selection.
  • infobox_text_colorCustom setting only. Accepts a hexcode ( #000000 ). Sets the infobox’s text color. Leave Blank for Theme Option selection.
  • infobox_contentCustom setting only. Type in custom info box content to replace address string. For multiple addresses, separate info box content with a vertical line. For example, InfoBox 1|InfoBox 2|InfoBox 3.
  • iconCustom setting only. Type in full image URLs for custom marker icons, or input theme for our custom marker. For multiple addresses, separate icons with the vertical line. For example, Icon 1|Icon 2|Icon 3.
  • width – Accepts a pixel or a percentage value. For example 25px, or 50%. Sets the map’s width.
  • height – Accepts a pixel or a percentage value. For example 25px, or 50%. Sets the map’s height.
  • zoom – Accepts a numerical value that represents the map zoom level. The higher the number, the more it will zoom in.
  • scrollwheel – Can be one of these values: yes, or no. This will enable or disable the mouse scrolling.
  • scale – Can be one of these values: yes, or no. This will show or hide the scale graphic.
  • zoom_pancontrol – Can be one of these values: yes, or no. This will show or hide the zoom controls.
  • popup – Can be one of these values: yes, or no. This will show or hide the map popup graphic. If set to no, then the popup will show on click.
  • class – Add a custom class to the wrapping HTML element for further css customization.
  • id – Add a custom id to the wrapping HTML element for further css customization.

Join The 100,000+ Satisfied Avada Users!

BUY AVADA NOW!

169 comments

  1. After checking out a number of the blog articles on your web site, I truly appreciate your way of
    writing a blog. I book-marked it to my bookmark
    website list and will be checking back in the near future.
    Please check out my web site as well and let me know how you feel.

  2. [url=https://kloviagrli.com/]whats viagra[/url] [url=https://vigedon.com/]when is the best time to take viagra[/url] [url=https://llecialisjaw.com/]cialis and blood pressure[/url] [url=https://jwcialislrt.com/]how long for cialis to work[/url] [url=https://jecialisbn.com/]buy cialis cheap[/url]

  3. Oh my goodness! Impressive article dude! Many thanks, However I am encountering problems with your RSS.
    I don’t know the reason why I can’t join it.
    Is there anybody getting identical RSS issues?
    Anybody who knows the answer will you kindly respond?
    Thanx!!

  4. Hey there exceptional blog! Does running a blog such as this require a massive amount work?
    I have very little understanding of programming but I
    was hoping to start my own blog soon. Anyway, should you
    have any ideas or tips for new blog owners please share.
    I understand this is off subject however I simply had to
    ask. Thanks a lot!

    Here is my web site :: http://www.johnsonclassifieds.com

  5. Hello There. I found your blog using msn. This is a very
    well written article. I will be sure to bookmark it and come back to read more of your useful information. Thanks for the post.
    I’ll definitely return.

  6. I’m not certain the place you are getting your info, but great topic.
    I must spend some time studying much more or figuring out more.

    Thank you for magnificent info I was searching for this information for my
    mission.

  7. [url=https://ljcialishe.com/]how much is cialis[/url] [url=https://cialisvja.com/]buy cialis generic[/url] [url=https://viagraonlinejc.com/]free viagra samples no shipping[/url] [url=https://viagratx.com/]best way to take viagra[/url] [url=https://buycialisxz.com/]cialis manufacturer coupon lilly[/url]

  8. Great beat ! I wish to apprentice while you amend your website, how could
    i subscribe for a weblog web site? The account aided me a applicable deal.
    I have been tiny bit acquainted of this your broadcast offered bright clear concept.

    Review my webpage https://pathta.jp/

  9. I know this if off topic but I’m looking into starting my own weblog and was curious
    what all is required to get set up? I’m assuming having a blog like yours would cost a pretty penny?
    I’m not very web smart so I’m not 100% certain. Any tips or advice would be greatly appreciated.

    Kudos asmr 0mniartist

  10. I don’t know if it’s just me or if perhaps everyone else experiencing issues with
    your website. It appears like some of the text within your posts are running
    off the screen. Can somebody else please provide feedback and let me
    know if this is happening to them as well? This could be a
    problem with my browser because I’ve had this happen previously.
    Thank you 0mniartist asmr

  11. Hello are using WordPress for your site platform? I’m new to the
    blog world but I’m trying to get started and create my
    own. Do you need any coding expertise to make your own blog?
    Any help would be greatly appreciated! 0mniartist asmr

  12. I’ll immediately clutch your rss feed as I can not in finding your email subscription hyperlink
    or e-newsletter service. Do you’ve any? Kindly let me realize so that I
    may just subscribe. Thanks.

  13. This is a really good tip especially to those
    fresh to the blogosphere. Short but very accurate info… Appreciate your sharing this one.
    A must read post!

  14. Bugs fixed and hiccups cured! However, neither play Hay Day anymore. Copyright В© 2021 GamesSumo.Com All Rights Reserved. – Contact Us: The conversation between Alice Hall and Jon Kennedy on Hay Day This version for PC hasn’t been specifically developed for computers but offers us the possibility to download the APK together with one of the best Android emulators available: BlueStacks. You can open the emulator and run the game without any trouble, just as if you were playing on your phone. http://www.isff.it/community/profile/joybriley16585/ Car games are free to play online games that put you behind the wheel of many different car games, from drifting the mountains of Japan, to NASCAR racing the oval, Formula One racing, Stunt cars in an open world, buggy racing, dirt rally, truck driving and car parking. We’re going to cheat a little in this final entry on the list, because many of the options for hardcore racing offer such different experiences. If you’re new to this world, we think these are the three games you should consider, and we’ll give you some guidance on how to pick two of the three to at least try. Even if you decide this style of racing game is not for you, after a few hours with some of these games, you’ll gain an educated opinion about racing and the science and art behind it.

Leave a comment

Your email address will not be published. Required fields are marked *

*

code