[fullwidth background_color=”” background_image=”” background_parallax=”fixed” enable_mobile=”no” parallax_speed=”0.3″ background_repeat=”no-repeat” background_position=”left top” video_url=”” video_aspect_ratio=”16:9″ video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” border_size=”0px” border_color=”” border_style=”solid” padding_top=”54px” padding_bottom=”54px” padding_left=”0px” padding_right=”0px” hundred_percent=”no” equal_height_columns=”no” hide_on_mobile=”no” menu_anchor=”” class=”” id=””][two_third last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][title size=”2″ content_align=”left” style_type=”double solid” sep_color=”” margin_top=”” margin_bottom=”” class=”” id=””]Google Maps Integration[/title][fusion_text]Doodle has integration for Google Maps. We have a dedicated contact page template with map integration that allows us to set many different map options. In addition, we have a google map element that can be used on any page or post, or sidebar section. We include options that allow us to use the default google map styles, or customize the options to fit your branding style. Doodle also lets you select multiple map locations on a single map, each with its own content. We can select 4 map types, display a colour overlay, upload a custom map marker, customize the map popup box along with many other unique options.[/fusion_text][/two_third][one_third last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][map address=”Melbourne, Victoria, Australia” type=”roadmap” map_style=”custom” overlay_color=”#5fbc3a” infobox=”default” infobox_background_color=”” infobox_text_color=”” infobox_content=”” icon=”theme” width=”100%” height=”200px” zoom=”16″ scrollwheel=”no” scale=”no” zoom_pancontrol=”no” animation=”yes” popup=”no” class=”” id=””][/map][/one_third][/fullwidth][separator style_type=”single” top_margin=”10″ bottom_margin=”” sep_color=”#cdcdcd” border_size=”” icon=”fa-chevron-down” icon_circle=”” icon_circle_color=”” width=”” alignment=”” class=”” id=””][fullwidth background_color=”” background_image=”http://www.doodleinc.com.au/wp-content/uploads/2016/01/Doodle_inc_Roy_Rodriguez_17.jpg” background_parallax=”fixed” enable_mobile=”no” parallax_speed=”0.3″ background_repeat=”repeat” background_position=”center top” video_url=”” video_aspect_ratio=”16:9″ video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” border_size=”1px” border_color=”#eaeaea” border_style=”solid” padding_top=”30px” padding_bottom=”65px” padding_left=”0px” padding_right=”0px” hundred_percent=”no” equal_height_columns=”no” hide_on_mobile=”no” menu_anchor=”” class=”” id=””][fusion_text]

Doodle’s [popover title=”Unleash The Power of Doodle” title_bg_color=”” content=”Create beautiful, eye catching layouts with all the various elements Doodle provides, like this nice little popover.” content_bg_color=”” bordercolor=”” textcolor=”” trigger=”hover” placement=”top” class=”” id=””]Google Map[/popover] Integration Is Incredibly Cool

[/fusion_text][separator style_type=”none” top_margin=”” bottom_margin=”5″ sep_color=”rgba(000,000,000,.3)” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”” class=”” id=””][map address=”Bentleigh East Victoria 3165 | St Kilda Street, Victoria | Collins Street, Melbourne” type=”roadmap” map_style=”default” overlay_color=”#ff2b2b” infobox=”custom” infobox_background_color=”#cc0000″ infobox_text_color=”” infobox_content=”Roy At 64 Kennedy Street Bentleigh East Victoria 3165|John At The Melbourne Office 545 St Kilda Street, Victoria|Johnathan At Collins Street, Melbourne, Victoria, 3000, Australia” icon=”http://www.doodleinc.com.au/wp-content/uploads/2015/03/doodle-inc-customer1.png|http://www.doodleinc.com.au/wp-content/uploads/2015/03/doodle-inc-customer1.png|http://www.doodleinc.com.au/wp-content/uploads/2015/03/doodle-inc-customer1.png” width=”100%” height=”400px” zoom=”12″ scrollwheel=”no” scale=”no” zoom_pancontrol=”no” animation=”yes” popup=”yes” class=”” id=””][/map][/fullwidth][fullwidth background_color=”” background_image=”” background_parallax=”fixed” enable_mobile=”no” parallax_speed=”0.3″ background_repeat=”no-repeat” background_position=”left top” video_url=”” video_aspect_ratio=”16:9″ video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” border_size=”0px” border_color=”#eaeaea” border_style=”solid” padding_top=”35px” padding_bottom=”40px” padding_left=”0px” padding_right=”0px” hundred_percent=”no” equal_height_columns=”no” hide_on_mobile=”no” menu_anchor=”” class=”” id=””][fusion_text]

Choose From Four Different Google Map Types

[/fusion_text][separator style_type=”single” top_margin=”18″ bottom_margin=”60″ sep_color=”#cdcdcd” border_size=”” icon=”fa-chevron-down” icon_circle=”” icon_circle_color=”” width=”” alignment=”” class=”” id=””][one_half last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][map address=”Melbourne, Victoria, Australia” type=”roadmap” map_style=”default” overlay_color=”” infobox=”default” infobox_background_color=”” infobox_text_color=”” infobox_content=”” icon=”theme” width=”100%” height=”300px” zoom=”8″ scrollwheel=”no” scale=”yes” zoom_pancontrol=”no” animation=”yes” popup=”no” class=”” id=””][/map][separator style_type=”none” top_margin=”15″ bottom_margin=”0″ sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”” class=”” id=””][fusion_text]

Google Map Roadmap

[/fusion_text][/one_half][one_half last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][map address=”Melbourne, Victoria, Australia” type=”satellite” map_style=”default” overlay_color=”” infobox=”default” infobox_background_color=”” infobox_text_color=”” infobox_content=”” icon=”theme” width=”100%” height=”300px” zoom=”8″ scrollwheel=”no” scale=”no” zoom_pancontrol=”no” animation=”yes” popup=”no” class=”” id=””][/map][separator style_type=”none” top_margin=”15″ bottom_margin=”0″ sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”” class=”” id=””][fusion_text]

Google Map Satellite

[/fusion_text][/one_half][one_half last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][map address=”Melbourne, Victoria, Australia” type=”hybrid” map_style=”default” overlay_color=”” infobox=”default” infobox_background_color=”” infobox_text_color=”” infobox_content=”” icon=”theme” width=”100%” height=”300px” zoom=”8″ scrollwheel=”yes” scale=”yes” zoom_pancontrol=”no” animation=”yes” popup=”no” class=”” id=””][/map][separator style_type=”none” top_margin=”15″ bottom_margin=”0″ sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”” class=”” id=””][fusion_text]

Google Map Hybrid

[/fusion_text][/one_half][one_half last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][map address=”Melbourne, Victoria, Australia” type=”terrain” map_style=”default” overlay_color=”” infobox=”default” infobox_background_color=”” infobox_text_color=”” infobox_content=”” icon=”theme” width=”100%” height=”300px” zoom=”8″ scrollwheel=”no” scale=”no” zoom_pancontrol=”no” animation=”yes” popup=”no” class=”” id=””][/map][separator style_type=”none” top_margin=”15″ bottom_margin=”0″ sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”” class=”” id=””][fusion_text]

Google Map Terrain

[/fusion_text][/one_half][/fullwidth][fullwidth background_color=”#f6f6f6″ background_image=”http://www.doodleinc.com.au/wp-content/uploads/2016/01/Doodle_inc_Roy_Rodriguez_0.png” background_parallax=”fixed” enable_mobile=”no” parallax_speed=”0.3″ background_repeat=”repeat” background_position=”left top” video_url=”” video_aspect_ratio=”16:9″ video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” border_size=”1px” border_color=”#b2b2b2″ border_style=”solid” padding_top=”30px” padding_bottom=”20px” padding_left=”0px” padding_right=”0px” hundred_percent=”no” equal_height_columns=”no” hide_on_mobile=”no” menu_anchor=”” class=”” id=””][fusion_text]

Easily [popover title=”Unleash The Power of Doodle” title_bg_color=”” content=”Customize the map styles, colors, map markers and info box elements. Take full control of your Google Map!” content_bg_color=”” bordercolor=”” textcolor=”” trigger=”hover” placement=”top” class=”” id=””]Customize[/popover] Map Styles, Info Box Colours & Content!

[/fusion_text][separator style_type=”single” top_margin=”18″ bottom_margin=”60″ sep_color=”#cdcdcd” border_size=”” icon=”fa-chevron-down” icon_circle=”” icon_circle_color=”” width=”” alignment=”” class=”” id=””][one_third last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][map address=”Melbourne, Victoria, Australia” type=”terrain” map_style=”default” overlay_color=”” infobox=”default” infobox_background_color=”” infobox_text_color=”” infobox_content=”” icon=”” width=”100%” height=”300px” zoom=”8″ scrollwheel=”no” scale=”no” zoom_pancontrol=”no” animation=”yes” popup=”yes” class=”” id=””][/map][separator style_type=”none” top_margin=”15″ bottom_margin=”0″ sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”” class=”” id=””][fusion_text]

Default Google Styling

[/fusion_text][separator style_type=”none” top_margin=”-10″ bottom_margin=”” sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”” class=”” id=””][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][/one_third][one_third last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][map address=”Melbourne, Victoria, Australia” type=”roadmap” map_style=”theme” overlay_color=”” infobox=”custom” infobox_background_color=”rgba(000,000,000,.5)” infobox_text_color=”” infobox_content=”” icon=”theme” width=”100%” height=”300px” zoom=”7″ scrollwheel=”no” scale=”no” zoom_pancontrol=”no” animation=”yes” popup=”yes” class=”” id=””][/map][separator style_type=”none” top_margin=”15″ bottom_margin=”0″ sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”” class=”” id=””][fusion_text]

Theme Map Styling

[/fusion_text][separator style_type=”none” top_margin=”-10″ bottom_margin=”” sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”” class=”” id=””][fusion_text]

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

[/fusion_text][/one_third][one_third last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][map address=”Melbourne, Victoria, Australia” type=”roadmap” map_style=”custom” overlay_color=”#5f96c9″ infobox=”custom” infobox_background_color=”rgba(16,92,162,.8)” infobox_text_color=”” infobox_content=”John Doe at the Melbourne Office! Stop By Today For A Free Estimation! Melbourne, Victoria, Australia” icon=”” width=”100%” height=”300px” zoom=”8″ scrollwheel=”no” scale=”no” zoom_pancontrol=”no” animation=”yes” popup=”yes” class=”” id=””][/map][separator style_type=”none” top_margin=”15″ bottom_margin=”0″ sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”” class=”” id=””][fusion_text]

Custom Map Styling

[/fusion_text][separator style_type=”none” top_margin=”-10″ bottom_margin=”” sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”” class=”” id=””][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][/one_third][/fullwidth][fullwidth background_color=”” background_image=”” background_parallax=”none” enable_mobile=”no” parallax_speed=”0.3″ background_repeat=”no-repeat” background_position=”left top” video_url=”” video_aspect_ratio=”16:9″ video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” border_size=”0px” border_color=”” border_style=”solid” padding_top=”75px” padding_bottom=”35px” padding_left=”0px” padding_right=”0px” hundred_percent=”no” equal_height_columns=”no” hide_on_mobile=”no” menu_anchor=”” class=”” id=””][one_third last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][tagline_box backgroundcolor=”” shadow=”no” shadowopacity=”0.1″ border=”1px” bordercolor=”” highlightposition=”top” content_alignment=”left” link=”” linktarget=”_self” modal=”” button_size=”small” button_shape=”square” button_type=”flat” buttoncolor=”” button=”” title=”Full Size Control” description=”The Google Maps 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.” margin_top=”” margin_bottom=”” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ animation_offset=”” class=”” id=””][/tagline_box][separator style_type=”none” top_margin=”-30″ bottom_margin=”-30″ sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”” class=”” id=””][/one_third][two_third last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][map address=”Melbourne, Victoria, Australia” type=”terrain” map_style=”theme” overlay_color=”” infobox=”default” infobox_background_color=”” infobox_text_color=”” infobox_content=”” icon=”theme” width=”100%” height=”231px” zoom=”8″ scrollwheel=”no” scale=”yes” zoom_pancontrol=”no” animation=”yes” popup=”no” class=”” id=””][/map][/two_third][separator style_type=”none” top_margin=”80px” bottom_margin=”” sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center” class=”” id=””][one_third last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][tagline_box backgroundcolor=”” shadow=”no” shadowopacity=”0.1″ border=”1px” bordercolor=”” highlightposition=”top” content_alignment=”left” link=”” linktarget=”_self” modal=”” button_size=”small” button_shape=”square” button_type=”flat” buttoncolor=”” button=”” title=”Powerful Map Controls” description=”Doodle 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 the map popup when the page loads. Amazing options at your fingertips, super powerful!” margin_top=”” margin_bottom=”” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ animation_offset=”” class=”” id=””][/tagline_box][separator style_type=”none” top_margin=”-30″ bottom_margin=”-30″ sep_color=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”” class=”” id=””][/one_third][two_third last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” hover_type=”none” link=”” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ animation_offset=”” class=”” id=””][map address=”Melbourne, Victoria, Australia” type=”satellite” map_style=”custom” overlay_color=”” infobox=”custom” infobox_background_color=”rgba(255,255,255,.6)” infobox_text_color=”#242424″ infobox_content=”Hey! I'm all the way down here!
Melbourne, Victoria, Australia” icon=”” width=”100%” height=”273px” zoom=”7″ scrollwheel=”no” scale=”yes” zoom_pancontrol=”yes” animation=”yes” popup=”yes” class=”” id=””][/map][/two_third][/fullwidth]