[fusion_builder_container hundred_percent=»no» equal_height_columns=»no» hide_on_mobile=»small-visibility,medium-visibility,large-visibility» background_position=»center center» background_repeat=»no-repeat» fade=»yes» background_parallax=»none» enable_mobile=»no» video_loop=»yes» video_mute=»yes» border_style=»solid» padding_top=»30px» padding_bottom=»40px»][fusion_builder_row][fusion_builder_column type=»1_1″ layout=»1_1″ last=»yes» spacing=»yes» background_color=»#f6f6f6″ background_image=»» background_repeat=»no-repeat» background_position=»left top» border_size=»0px» border_color=»» border_style=»solid» padding=»40px» class=»» id=»» min_height=»» hover_type=»none» link=»» border_position=»all»][fusion_text]
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.
[/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundrepeat=»no-repeat» backgroundposition=»left top» backgroundattachment=»fixed» video_mute=»yes» video_loop=»yes» fade=»no» bordersize=»0px» borderstyle=»solid» paddingtop=»0px» paddingbottom=»60px» equal_height_columns=»no» hundred_percent=»no»][fusion_builder_row][fusion_builder_column type=»1_1″ layout=»1_1″ background_position=»left top» background_color=»» border_size=»» border_color=»» border_style=»solid» spacing=»yes» background_image=»» background_repeat=»no-repeat» padding=»» margin_top=»0px» margin_bottom=»0px» class=»» id=»» animation_type=»» animation_speed=»0.3″ animation_direction=»left» hide_on_mobile=»no» center_content=»no» min_height=»none» last=»no» hover_type=»none» link=»» border_position=»all»][fusion_map address=»New York City, NY | Flemington, NJ | Islip, NY» type=»roadmap» map_style=»custom» overlay_color=»#70b260″ infobox=»custom» infobox_background_color=»rgba(89,175,12,.8)» infobox_content=»Jason At New York City Office Park 555 West Street, New York City 12345|Allison At The Flemington Office Park 555 East Street, New York City 12345|Johnathan At The Islips Office Park 555 South Street, New York City 12345″ icon=»https://avada.theme-fusion.com/wp-content/uploads/2014/06/map_avatar_2.png|https://avada.theme-fusion.com/wp-content/uploads/2014/06/map_avatar_1.png|https://avada.theme-fusion.com/wp-content/uploads/2014/06/map_avatar_3.png» width=»100%» height=»400px» zoom=»9″ scrollwheel=»no» scale=»no» zoom_pancontrol=»no» popup=»yes» /][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundrepeat=»no-repeat» backgroundposition=»left top» backgroundattachment=»fixed» video_mute=»yes» video_loop=»yes» fade=»yes» bordersize=»0px» bordercolor=»#eaeaea» borderstyle=»solid» paddingtop=»0px» paddingbottom=»0px» equal_height_columns=»no» hundred_percent=»no»][fusion_builder_row][fusion_builder_column type=»1_1″ layout=»1_1″ last=»yes» spacing=»yes» background_color=»#f6f6f6″ background_image=»» background_repeat=»no-repeat» background_position=»left top» border_size=»0px» border_color=»» border_style=»solid» padding=»40px» class=»» id=»» min_height=»» hover_type=»none» link=»» border_position=»all»][fusion_text]
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.
[/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundrepeat=»no-repeat» backgroundposition=»left top» backgroundattachment=»fixed» video_mute=»yes» video_loop=»yes» fade=»no» bordersize=»0px» bordercolor=»#eaeaea» borderstyle=»solid» paddingtop=»30px» paddingbottom=»60px» equal_height_columns=»no» hundred_percent=»no»][fusion_builder_row][fusion_builder_column type=»1_2″ layout=»1_2″ last=»no» spacing=»yes» background_color=»» background_image=»» background_repeat=»no-repeat» background_position=»left top» border_size=»0px» border_color=»» border_style=»» padding=»» class=»» id=»» min_height=»» hover_type=»none» link=»» border_position=»all»][fusion_map address=»new york city, ny» type=»roadmap» infobox=»default» icon=»theme» width=»100%» height=»300px» zoom=»8″ scrollwheel=»no» scale=»yes» zoom_pancontrol=»no» popup=»no» /][fusion_separator style_type=»none» top_margin=»15″ bottom_margin=»0″ /][fusion_text]
Google Map Roadmap
[/fusion_text][/fusion_builder_column][fusion_builder_column type=»1_2″ layout=»1_2″ last=»yes» spacing=»yes» background_color=»» background_image=»» background_repeat=»no-repeat» background_position=»left top» border_size=»0px» border_color=»» border_style=»» padding=»» class=»» id=»» min_height=»» hover_type=»none» link=»» border_position=»all»][fusion_map address=»new york city, ny» type=»satellite» map_style=»default» infobox=»default» icon=»theme» width=»100%» height=»300px» zoom=»8″ scrollwheel=»yes» scale=»yes» zoom_pancontrol=»no» popup=»no» /][fusion_separator style_type=»none» top_margin=»15″ bottom_margin=»0″ /][fusion_text]
Google Map Satellite
[/fusion_text][/fusion_builder_column][fusion_builder_column type=»1_2″ layout=»1_2″ last=»no» spacing=»yes» background_color=»» background_image=»» background_repeat=»no-repeat» background_position=»left top» border_size=»0px» border_color=»» border_style=»» padding=»» class=»» id=»» min_height=»» hover_type=»none» link=»» border_position=»all»][fusion_map address=»new york city, ny» type=»hybrid» infobox=»default» icon=»theme» width=»100%» height=»300px» zoom=»8″ scrollwheel=»yes» scale=»yes» zoom_pancontrol=»no» popup=»no» /][fusion_separator style_type=»none» top_margin=»15″ bottom_margin=»0″ /][fusion_text]
Google Map Hybrid
[/fusion_text][/fusion_builder_column][fusion_builder_column type=»1_2″ layout=»1_2″ last=»yes» spacing=»yes» background_color=»» background_image=»» background_repeat=»no-repeat» background_position=»left top» border_size=»0px» border_color=»» border_style=»» padding=»» class=»» id=»» min_height=»» hover_type=»none» link=»» border_position=»all»][fusion_map address=»new york city, ny» type=»terrain» infobox=»default» icon=»theme» width=»100%» height=»300px» zoom=»8″ scrollwheel=»yes» scale=»yes» zoom_pancontrol=»no» popup=»no» /][fusion_separator style_type=»none» top_margin=»15″ bottom_margin=»0″ /][fusion_text]
Google Map Terrain
[/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundrepeat=»no-repeat» backgroundposition=»left top» backgroundattachment=»fixed» video_mute=»yes» video_loop=»yes» fade=»no» bordersize=»0px» borderstyle=»solid» paddingtop=»0px» paddingbottom=»0px» equal_height_columns=»no» hundred_percent=»no»][fusion_builder_row][fusion_builder_column type=»1_1″ layout=»1_1″ last=»yes» spacing=»yes» background_color=»#f6f6f6″ background_image=»» background_repeat=»no-repeat» background_position=»left top» border_size=»0px» border_color=»» border_style=»solid» padding=»40px» class=»» id=»» min_height=»» hover_type=»none» link=»» border_position=»all»][fusion_text]
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!
[/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundrepeat=»no-repeat» backgroundposition=»left top» backgroundattachment=»scroll» video_mute=»yes» video_loop=»yes» fade=»no» bordersize=»0px» borderstyle=»solid» paddingtop=»30px» paddingbottom=»60px» equal_height_columns=»no» hundred_percent=»no»][fusion_builder_row][fusion_builder_column type=»1_3″ layout=»1_3″ last=»no» spacing=»yes» background_color=»» background_image=»» background_repeat=»no-repeat» background_position=»left top» border_size=»0px» border_color=»» border_style=»» padding=»» class=»» id=»» min_height=»» hover_type=»none» link=»» border_position=»all»][fusion_map address=»New York City, NY 10458″ type=»terrain» map_style=»default» infobox=»default» width=»100%» height=»300px» zoom=»8″ scrollwheel=»no» scale=»no» zoom_pancontrol=»no» popup=»yes» /][fusion_separator style_type=»none» top_margin=»15″ bottom_margin=»0″ /][fusion_text]
Default Google Styling
[/fusion_text][fusion_separator style_type=»none» top_margin=»-10″ /][fusion_text]
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!
[/fusion_text][/fusion_builder_column][fusion_builder_column type=»1_3″ layout=»1_3″ last=»no» spacing=»yes» background_color=»» background_image=»» background_repeat=»no-repeat» background_position=»left top» border_size=»0px» border_color=»» border_style=»» padding=»» class=»» id=»» min_height=»» hover_type=»none» link=»» border_position=»all»][fusion_map address=»New York City, NY 10458″ type=»roadmap» map_style=»theme» infobox=»custom» infobox_background_color=»rgba(000,000,000,.5)» icon=»theme» width=»100%» height=»300px» zoom=»7″ scrollwheel=»no» scale=»no» zoom_pancontrol=»no» popup=»no» /][fusion_separator style_type=»none» top_margin=»15″ bottom_margin=»0″ /][fusion_text]
Theme Map Styling
[/fusion_text][fusion_separator style_type=»none» top_margin=»-10″ /][fusion_text]
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!
[/fusion_text][/fusion_builder_column][fusion_builder_column type=»1_3″ layout=»1_3″ last=»yes» spacing=»yes» background_color=»» background_image=»» background_repeat=»no-repeat» background_position=»left top» border_size=»0px» border_color=»» border_style=»» padding=»» class=»» id=»» min_height=»» hover_type=»none» link=»» border_position=»all»][fusion_map address=»New York City, NY 10458″ type=»roadmap» map_style=»custom» overlay_color=»#5f96c9″ infobox=»custom» infobox_background_color=»rgba(16,92,162,.8)» infobox_content=»John Doe Is At New York City Office! Stop Bye Today For A Free Estimation! 2511 W. Street, New York, NY 10458″ icon=»https://avada.theme-fusion.com/wp-content/uploads/2014/06/map_avatar_2.png» width=»100%» height=»300px» zoom=»8″ scrollwheel=»no» scale=»no» zoom_pancontrol=»no» popup=»yes» /][fusion_separator style_type=»none» top_margin=»15″ bottom_margin=»0″ /][fusion_text]
Custom Map Styling
[/fusion_text][fusion_separator style_type=»none» top_margin=»-10″ /][fusion_text]
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!
[/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundrepeat=»no-repeat» backgroundposition=»left top» backgroundattachment=»fixed» video_mute=»yes» video_loop=»yes» fade=»no» bordersize=»0px» borderstyle=»solid» paddingtop=»0px» paddingbottom=»0px» equal_height_columns=»no» hundred_percent=»no»][fusion_builder_row][fusion_builder_column type=»1_1″ layout=»1_1″ last=»yes» spacing=»yes» background_color=»#f6f6f6″ background_image=»» background_repeat=»no-repeat» background_position=»left top» border_size=»0px» border_color=»» border_style=»solid» padding=»40px» class=»» id=»» min_height=»» hover_type=»none» link=»» border_position=»all»][fusion_text]
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.
[/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundrepeat=»no-repeat» backgroundposition=»left top» backgroundattachment=»fixed» video_mute=»yes» video_loop=»yes» fade=»no» bordersize=»0px» borderstyle=»solid» paddingtop=»30px» paddingbottom=»60px» equal_height_columns=»no» hundred_percent=»no»][fusion_builder_row][fusion_builder_column type=»1_1″ layout=»1_1″ background_position=»left top» background_color=»» border_size=»» border_color=»» border_style=»solid» spacing=»yes» background_image=»» background_repeat=»no-repeat» padding=»» margin_top=»0px» margin_bottom=»0px» class=»» id=»» animation_type=»» animation_speed=»0.3″ animation_direction=»left» hide_on_mobile=»no» center_content=»no» min_height=»none» last=»no» hover_type=»none» link=»» border_position=»all»][fusion_map address=»New York City, NY 10458″ type=»terrain» map_style=»theme» infobox=»default» icon=»theme» width=»100%» height=»231px» zoom=»8″ scrollwheel=»no» scale=»yes» zoom_pancontrol=»no» popup=»no» /][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundrepeat=»no-repeat» backgroundposition=»left top» backgroundattachment=»fixed» video_mute=»yes» video_loop=»yes» fade=»no» bordersize=»0px» borderstyle=»solid» paddingtop=»0px» paddingbottom=»0px» equal_height_columns=»no» hundred_percent=»no»][fusion_builder_row][fusion_builder_column type=»1_1″ layout=»1_1″ last=»yes» spacing=»yes» background_color=»#f6f6f6″ background_image=»» background_repeat=»no-repeat» background_position=»left top» border_size=»0px» border_color=»» border_style=»solid» padding=»40px» class=»» id=»» min_height=»» hover_type=»none» link=»» border_position=»all»][fusion_text]
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!
[/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundrepeat=»no-repeat» backgroundposition=»left top» backgroundattachment=»fixed» video_mute=»yes» video_loop=»yes» fade=»no» bordersize=»0px» borderstyle=»solid» paddingtop=»30px» paddingbottom=»60px» equal_height_columns=»no» hundred_percent=»no»][fusion_builder_row][fusion_builder_column type=»1_1″ layout=»1_1″ background_position=»left top» background_color=»» border_size=»» border_color=»» border_style=»solid» spacing=»yes» background_image=»» background_repeat=»no-repeat» padding=»» margin_top=»0px» margin_bottom=»0px» class=»» id=»» animation_type=»» animation_speed=»0.3″ animation_direction=»left» hide_on_mobile=»no» center_content=»no» min_height=»none» last=»no» hover_type=»none» link=»» border_position=»all»][fusion_map address=»New York City, NY 10458″ type=»satellite» map_style=»custom» infobox=»custom» infobox_background_color=»rgba(255,255,255,.6)» infobox_text_color=»#242424″ infobox_content=»Hey! I’m all the way down here!
12345 West Street, New York City, NY» icon=»https://avada.theme-fusion.com/wp-content/uploads/2014/06/map_avatar_1.png» width=»100%» height=»273px» zoom=»2″ scrollwheel=»no» scale=»yes» zoom_pancontrol=»yes» popup=»yes» /][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundrepeat=»no-repeat» backgroundposition=»left top» backgroundattachment=»fixed» video_mute=»yes» video_loop=»yes» fade=»no» bordersize=»0px» borderstyle=»solid» paddingtop=»0px» paddingbottom=»0px» equal_height_columns=»no» hundred_percent=»no»][fusion_builder_row][fusion_builder_column type=»1_1″ layout=»1_1″ last=»yes» spacing=»yes» background_color=»#f6f6f6″ background_image=»» background_repeat=»no-repeat» background_position=»left top» border_size=»0px» border_color=»» border_style=»solid» padding=»40px» class=»» id=»» min_height=»» hover_type=»none» link=»» border_position=»all»][fusion_text]
Complete Set of Options
Every option and description included with the Google Map shortcode is listed below.
[/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundrepeat=»no-repeat» backgroundposition=»left top» backgroundattachment=»fixed» video_mute=»yes» video_loop=»yes» fade=»no» bordersize=»0px» borderstyle=»solid» paddingtop=»30px» paddingbottom=»80px» equal_height_columns=»yes» hundred_percent=»no»][fusion_builder_row][fusion_builder_column type=»1_2″ layout=»1_2″ last=»no» spacing=»yes» background_color=»#f8f8f8″ background_image=»» background_repeat=»no-repeat» background_position=»left top» border_size=»1px» border_color=»#eaeaea» border_style=»solid» padding=»30px» class=»» id=»» min_height=»» hover_type=»none» link=»» border_position=»all»][fusion_checklist icon=»fa-check» iconcolor=»#333333″ circle=»no» size=»small»][fusion_li_item icon=»»]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.[/fusion_li_item][fusion_li_item icon=»»]type – Can be one of these values: roadmap, terrain, hybrid, or satellite. Sets the type of Google Map to display.[/fusion_li_item][fusion_li_item icon=»»]map_style – Can be one of these values: default, theme, or custom. Choose custom to use advanced color options.[/fusion_li_item][fusion_li_item icon=»»]overlay_color – Custom 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.[/fusion_li_item][fusion_li_item icon=»»]infobox – Custom setting only. Can be one of these values: default, or custom. Choose custom to use advanced options.[/fusion_li_item][fusion_li_item icon=»»]infobox_background_color – Custom setting only. Accepts a hexcode ( #000000 ). Sets the infobox’s background color. Leave Blank for Theme Option selection.[/fusion_li_item][fusion_li_item icon=»»]infobox_text_color – Custom setting only. Accepts a hexcode ( #000000 ). Sets the infobox’s text color. Leave Blank for Theme Option selection.[/fusion_li_item][fusion_li_item icon=»»]infobox_content – Custom 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.
[/fusion_li_item][fusion_li_item icon=»»]icon – Custom 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.[/fusion_li_item][/fusion_checklist][/fusion_builder_column][fusion_builder_column type=»1_2″ layout=»1_2″ last=»yes» spacing=»yes» background_color=»#f8f8f8″ background_image=»» background_repeat=»no-repeat» background_position=»left top» border_size=»1px» border_color=»#eaeaea» border_style=»solid» padding=»30px» class=»» id=»» min_height=»» hover_type=»none» link=»» border_position=»all»][fusion_checklist icon=»fa-check» iconcolor=»#333333″ circle=»no» size=»small»][fusion_li_item icon=»»]width – Accepts a pixel or a percentage value. For example 25px, or 50%. Sets the map’s width.[/fusion_li_item][fusion_li_item icon=»»]height – Accepts a pixel or a percentage value. For example 25px, or 50%. Sets the map’s height.[/fusion_li_item][fusion_li_item icon=»»]zoom – Accepts a numerical value that represents the map zoom level. The higher the number, the more it will zoom in.[/fusion_li_item][fusion_li_item icon=»»]scrollwheel – Can be one of these values: yes, or no. This will enable or disable the mouse scrolling.[/fusion_li_item][fusion_li_item icon=»»]scale – Can be one of these values: yes, or no. This will show or hide the scale graphic.[/fusion_li_item][fusion_li_item icon=»»]zoom_pancontrol – Can be one of these values: yes, or no. This will show or hide the zoom controls.[/fusion_li_item][fusion_li_item icon=»»]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.[/fusion_li_item][fusion_li_item icon=»»]class – Add a custom class to the wrapping HTML element for further css customization.[/fusion_li_item][fusion_li_item icon=»»]id – Add a custom id to the wrapping HTML element for further css customization.[/fusion_li_item][/fusion_checklist][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container hundred_percent=»no» hundred_percent_height=»no» hundred_percent_height_scroll=»no» hundred_percent_height_center_content=»yes» equal_height_columns=»no» menu_anchor=»» hide_on_mobile=»small-visibility,medium-visibility,large-visibility» class=»» id=»» background_color=»» background_image=»http://crisbe.theappindustry.com/wp-content/uploads/2017/11/home_slider.jpg» background_position=»center center» background_repeat=»no-repeat» fade=»no» background_parallax=»none» enable_mobile=»no» parallax_speed=»» video_mp4=»» video_webm=»» video_ogv=»» video_url=»» video_aspect_ratio=»» video_loop=»yes» video_mute=»yes» video_preview_image=»» border_size=»» border_color=»» border_style=»solid» margin_top=»» margin_bottom=»» padding_top=»50px» padding_right=»» padding_bottom=»80px» padding_left=»»][fusion_builder_row][fusion_builder_column type=»1_1″ layout=»1_1″ background_position=»left top» background_color=»» border_size=»» border_color=»» border_style=»solid» spacing=»yes» background_image=»» background_repeat=»no-repeat» padding=»» margin_top=»0px» margin_bottom=»0px» class=»» id=»» animation_type=»» animation_speed=»0.3″ animation_direction=»left» hide_on_mobile=»no» center_content=»no» min_height=»none» last=»no» hover_type=»none» link=»» border_position=»all»][fusion_text]
Join The 100,000+ Satisfied Avada Users!
[/fusion_text][fusion_button link=»http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion» color=»custom» size=»xlarge» type=»flat» shape=»round» target=»_blank» button_gradient_top_color=»rgba(255,255,255,.1)» button_gradient_bottom_color=»rgba(255,255,255,.1)» button_gradient_top_color_hover=»rgba(255, 255, 255, 0.25)» button_gradient_bottom_color_hover=»rgba(255, 255, 255, 0.25)» accent_color=»rgba(255,255,255,.8)» accent_hover_color=»#ffffff» border_width=»2px» shadow=»no» icon_position=»left» icon_divider=»yes» animation_type=»fade» animation_direction=»up» animation_speed=»1″ alignment=»center»] BUY AVADA NOW![/fusion_button][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]