Google Maps

[vc_row full_width=”stretch_row” css=”.vc_custom_1448209218212{margin-bottom: 0px !important;padding-top: 100px !important;padding-bottom: 50px !important;background-color: #ffffff !important;}”][vc_column][ultimate_heading main_heading=”THE TREND OF GOOGLE MAP IS HERE” main_heading_color=”#636363″ sub_heading_color=”#636363″ spacer=”line_with_icon” spacer_position=”middle” line_height=”4″ line_color=”#f4b538″ icon=”Ultimate-set-uniE767″ icon_size=”20″ icon_color=”#ffffff” icon_style=”circle” icon_color_bg=”#f7b138″ main_heading_style=”font-weight:bold;” main_heading_font_size=”desktop:30px;” sub_heading_font_size=”desktop:14px;” sub_heading_margin=”margin-top:-19px;” spacer_margin=”margin-top:4px;” line_width=”250″ main_heading_font_family=”font_family:Raleway|font_call:Raleway” sub_heading_font_family=”font_family:Raleway|font_call:Raleway” sub_heading_line_height=”desktop:30px;”][/ultimate_heading][vc_row_inner][vc_column_inner width=”1/4″][bsf-info-box icon=”Ultimate-set-uniE7A6″ icon_size=”32″ icon_color=”#3f3f3f” icon_style=”circle” icon_color_bg=”#f9a639″ title=”TOTAL RESPONSIVE” pos=”top”][/bsf-info-box][/vc_column_inner][vc_column_inner width=”1/4″][bsf-info-box icon=”Ultimate-set-uniF087″ icon_size=”32″ icon_color=”#3f3f3f” icon_style=”circle” icon_color_bg=”#f9a639″ title=”EASY TO USE” pos=”top”][/bsf-info-box][/vc_column_inner][vc_column_inner width=”1/4″][bsf-info-box icon=”Ultimate-set-uniE70A” icon_size=”32″ icon_color=”#3f3f3f” icon_style=”circle” icon_color_bg=”#f9a639″ title=”FULL SUPPORT” pos=”top”][/bsf-info-box][/vc_column_inner][vc_column_inner width=”1/4″][bsf-info-box icon=”Ultimate-set-uniE69E” icon_size=”32″ icon_color=”#3f3f3f” icon_style=”circle” icon_color_bg=”#f9a639″ title=”JSON STYLE” pos=”top”][/bsf-info-box][/vc_column_inner][/vc_row_inner][ultimate_google_map height=”250″ lat=”40.7774903″ lng=”-73.9640812″ zoom=”12″ scrollwheel=”disable” pancontrol=”false”][/ultimate_google_map][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1448210037290{margin-bottom: 0px !important;padding-top: 80px !important;padding-bottom: 35px !important;background-color: #f7f7f7 !important;}”][vc_column width=”1/2″][ultimate_heading main_heading=”SUPER FAST SETUP” main_heading_color=”#6d6d6d” spacer=”line_only” spacer_position=”middle” line_height=”4″ line_color=”#f9a639″ main_heading_style=”font-weight:bold;” main_heading_font_size=”24″ line_width=”100″ sub_heading_margin=”margin-top:-10px;” spacer_margin=”margin-top:10px;”]

At the time you have setup the google map element, you can directly assemble you map not more than a minute.

[/ultimate_heading][ultimate_spacer height=”20″][info_list position=”top” style=”circle with_bg” icon_bg_color=”rgba(255,255,255,0.01)” icon_color=”#ffffff” font_size_icon=”20″ icon_border_style=”solid” icon_border_size=”0″ connector_color=”rgba(51,51,51,0.01)”][info_list_item icon_type=”custom” icon_img=”id^346|url^http://localhost/HairSalon/wp-content/uploads/2017/05/marker2.png|caption^null|alt^null|title^marker2|description^null”]

Grow Your Business

[/info_list_item][info_list_item icon_type=”custom” icon_img=”id^340|url^http://localhost/HairSalon/wp-content/uploads/2017/05/marker4.png|caption^null|alt^null|title^marker4|description^null”]

Style Attention

[/info_list_item][info_list_item icon_type=”custom” icon_img=”id^347|url^http://localhost/HairSalon/wp-content/uploads/2017/05/marker3.png|caption^null|alt^null|title^marker3|description^null”]

Engage Users

[/info_list_item][info_list_item icon_type=”custom” icon_img=”id^341|url^http://localhost/HairSalon/wp-content/uploads/2017/05/marker5.png|caption^null|alt^null|title^marker5|description^null”]

Easy Start

[/info_list_item][/info_list][/vc_column][vc_column width=”1/2″][ultimate_google_map height=”250px” lat=”37.8090329″ lng=”-122.2823462″ zoom=”12″ map_override=”1″ pancontrol=”false”][/ultimate_google_map][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1448210147464{margin-bottom: 0px !important;padding-top: 80px !important;padding-bottom: 35px !important;background-color: #ffffff !important;}”][vc_column width=”1/2″][ultimate_google_map height=”250px” map_type=”SATELLITE” lat=”24.483582″ lng=”54.607053″ zoom=”15″ map_override=”1″ pancontrol=”false”][/ultimate_google_map][/vc_column][vc_column width=”1/2″][ultimate_heading main_heading=”MULTIPLE MAP TYPE” main_heading_color=”#6d6d6d” spacer=”line_only” spacer_position=”middle” line_height=”4″ line_color=”#f9a639″ main_heading_style=”font-weight:bold;” main_heading_font_size=”24″ line_width=”100″ sub_heading_margin=”margin-top:-10px;” spacer_margin=”margin-top:10px;”]

There are multiple map type option that enable you to select the desired map type through which you can gain an attractive map display.

[/ultimate_heading][ultimate_spacer height=”20″][vc_row_inner][vc_column_inner][info_list position=”top” style=”square no_bg” icon_color=”#db5432″ font_size_icon=”20″ connector_color=”rgba(51,51,51,0.01)”][info_list_item list_icon=”Ultimate-set-uniE7F7″]

IMAGINE

[/info_list_item][info_list_item list_icon=”Ultimate-set-uniE69E”]

INSPIRE

[/info_list_item][info_list_item list_icon=”Ultimate-set-uniE650″]

ORGANIZE

[/info_list_item][info_list_item list_icon=”Ultimate-set-uniE7EF”]

DESIGN

[/info_list_item][/info_list][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1448210166207{margin-bottom: 0px !important;padding-top: 80px !important;padding-bottom: 35px !important;background-color: #f7f7f7 !important;}”][vc_column width=”1/2″][ultimate_heading main_heading=”CUSTOM MAP SETTING” main_heading_color=”#6d6d6d” spacer=”line_only” spacer_position=”middle” line_height=”4″ line_color=”#f9a639″ main_heading_style=”font-weight:bold;” main_heading_font_size=”24″ line_width=”100″ sub_heading_margin=”margin-top:-10px;” spacer_margin=”margin-top:10px;”]

There are lots of option to change the layout of the map, like height, width, longitudinal dimension, latitudinal dimension.

[/ultimate_heading][ultimate_spacer height=”20″][info_list position=”top” style=”hexagon” icon_bg_color=”#3b9cbf” icon_color=”#ffffff” font_size_icon=”20″ connector_color=”#3b9cbf” connector_animation=”fadeInUp”][info_list_item list_icon=”Ultimate-set-uniE65D”]

Responsive

[/info_list_item][info_list_item list_icon=”Ultimate-set-uniE69E”]

Json Style

[/info_list_item][info_list_item list_icon=”Ultimate-set-uniE7D5″]

Custom Style

[/info_list_item][info_list_item list_icon=”Ultimate-set-uniE767″]

Custom Marker

[/info_list_item][/info_list][vc_row_inner][vc_column_inner][/vc_column_inner][/vc_row_inner][/vc_column][vc_column width=”1/2″][ultimate_google_map height=”250px” lat=”25.1977476″ lng=”55.2743059″ zoom=”17″ map_override=”1″ pancontrol=”false”][/ultimate_google_map][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1448210190048{margin-bottom: 0px !important;padding-top: 80px !important;padding-bottom: 35px !important;background-color: #ffffff !important;}”][vc_column width=”1/2″][ultimate_google_map height=”250px” map_type=”HYBRID” lat=”40.692778″ lng=”-73.990278″ zoom=”12″ map_override=”1″ map_style=”JTVCJTBBJTIwJTIwJTdCJTBBJTIwJTIwJTIwJTIwJTIyZmVhdHVyZVR5cGUlMjIlM0ElMjAlMjJsYW5kc2NhcGUubWFuX21hZGUlMjIlMkMlMEElMjAlMjAlMjAlMjAlMjJlbGVtZW50VHlwZSUyMiUzQSUyMCUyMmdlb21ldHJ5JTIyJTJDJTBBJTIwJTIwJTIwJTIwJTIyc3R5bGVycyUyMiUzQSUyMCU1QiUwQSUyMCUyMCUyMCUyMCUyMCUyMCU3QiUyMCUyMnZpc2liaWxpdHklMjIlM0ElMjAlMjJvbiUyMiUyMCU3RCUyQyUwQSUyMCUyMCUyMCUyMCUyMCUyMCU3QiUyMCUyMmNvbG9yJTIyJTNBJTIwJTIyJTIzOWI5NTk1JTIyJTIwJTdEJTBBJTIwJTIwJTIwJTIwJTVEJTBBJTIwJTIwJTdEJTJDJTdCJTBBJTIwJTIwJTIwJTIwJTIyZmVhdHVyZVR5cGUlMjIlM0ElMjAlMjJyb2FkLmhpZ2h3YXklMjIlMkMlMEElMjAlMjAlMjAlMjAlMjJzdHlsZXJzJTIyJTNBJTIwJTVCJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTdCJTIwJTIyY29sb3IlMjIlM0ElMjAlMjIlMjNlMWUxNDMlMjIlMjAlN0QlMkMlMEElMjAlMjAlMjAlMjAlMjAlMjAlN0IlMjAlMjJ3ZWlnaHQlMjIlM0ElMjAwLjYlMjAlN0QlMEElMjAlMjAlMjAlMjAlNUQlMEElMjAlMjAlN0QlMkMlN0IlMEElMjAlMjAlMjAlMjAlMjJmZWF0dXJlVHlwZSUyMiUzQSUyMCUyMnJvYWQuYXJ0ZXJpYWwlMjIlMkMlMEElMjAlMjAlMjAlMjAlMjJlbGVtZW50VHlwZSUyMiUzQSUyMCUyMmdlb21ldHJ5LmZpbGwlMjIlMkMlMEElMjAlMjAlMjAlMjAlMjJzdHlsZXJzJTIyJTNBJTIwJTVCJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTdCJTIwJTIyZ2FtbWElMjIlM0ElMjAxLjUlMjAlN0QlMkMlMEElMjAlMjAlMjAlMjAlMjAlMjAlN0IlMjAlMjJ2aXNpYmlsaXR5JTIyJTNBJTIwJTIyb24lMjIlMjAlN0QlMkMlMEElMjAlMjAlMjAlMjAlMjAlMjAlN0IlMjAlMjJjb2xvciUyMiUzQSUyMCUyMiUyM2U5MWIwMiUyMiUyMCU3RCUyQyUwQSUyMCUyMCUyMCUyMCUyMCUyMCU3QiUyMCUyMndlaWdodCUyMiUzQSUyMDAuMyUyMCU3RCUwQSUyMCUyMCUyMCUyMCU1RCUwQSUyMCUyMCU3RCUwQSU1RA==” pancontrol=”false”][/ultimate_google_map][/vc_column][vc_column width=”1/2″][ultimate_heading main_heading=”JSON STYLING” main_heading_color=”#6d6d6d” spacer=”line_only” spacer_position=”middle” line_height=”4″ line_color=”#f9a639″ main_heading_style=”font-weight:bold;” main_heading_font_size=”24″ line_width=”100″ sub_heading_margin=”margin-top:-10px;” spacer_margin=”margin-top:10px;”]

This feature enable you to apply desired colors to the map areas such as land , sea, highways, etc.

[/ultimate_heading][ultimate_spacer height=”20″][info_list position=”top” style=”circle no_bg” icon_color=”#f9a639″ font_size_icon=”20″ connector_color=”rgba(51,51,51,0.01)”][info_list_item icon_type=”custom” icon_img=”id^342|url^http://localhost/HairSalon/wp-content/uploads/2017/05/marker6.png|caption^null|alt^null|title^marker6|description^null”]

Responsive

[/info_list_item][info_list_item icon_type=”custom” icon_img=”id^343|url^http://localhost/HairSalon/wp-content/uploads/2017/05/marker7.png|caption^null|alt^null|title^marker7|description^null”]

Json Style

[/info_list_item][info_list_item icon_type=”custom” icon_img=”id^344|url^http://localhost/HairSalon/wp-content/uploads/2017/05/marker8.png|caption^null|alt^null|title^marker8|description^null”]

Custom Style

[/info_list_item][info_list_item icon_type=”custom” icon_img=”id^345|url^http://localhost/HairSalon/wp-content/uploads/2017/05/marker9.png|caption^null|alt^null|title^marker9|description^null”]

Custom Marker

[/info_list_item][/info_list][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1448210212254{margin-bottom: 0px !important;padding-top: 50px !important;padding-bottom: 50px !important;background-color: #f7f7f7 !important;}”][vc_column][ultimate_heading main_heading=”FULL RESPONSIVE IN NATURE” main_heading_color=”#6d6d6d” spacer=”line_only” spacer_position=”middle” line_height=”4″ line_color=”#f9a639″ main_heading_style=”font-weight:bold;” main_heading_font_size=”24″ line_width=”100″ sub_heading_margin=”margin-top:-10px;” spacer_margin=”margin-top:10px;”]

Maps are fully responsive in nature, to check this out, you can resize your browser.

[/ultimate_heading][ultimate_google_map map_type=”TERRAIN” lat=”40.692778″ lng=”-73.990278″ zoom=”12″ scrollwheel=”disable” marker_icon=”custom” zoomcontrol=”true” pancontrol=”true”][/ultimate_google_map][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1448210245982{margin-bottom: 0px !important;padding-top: 50px !important;padding-bottom: 50px !important;background-color: #ffffff !important;}”][vc_column][ultimate_heading main_heading=”MAP TYPES” main_heading_color=”#6d6d6d” spacer=”line_only” spacer_position=”middle” line_height=”4″ line_color=”#f9a639″ main_heading_style=”font-weight:bold;” main_heading_font_size=”24″ line_width=”100″ sub_heading_margin=”margin-top:-10px;” spacer_margin=”margin-top:10px;”]

There are multiple map types , you can choose any of them according to your need.

[/ultimate_heading][vc_row_inner][vc_column_inner width=”1/2″][ultimate_heading main_heading=”Roadmap” spacer=”line_with_icon” line_height=”2″ icon=”Ultimate-set-uni75″ icon_size=”24″ line_width=”40″ main_heading_margin=”margin-bottom:10px;”][/ultimate_heading][ultimate_google_map height=”150px” lat=”53.474902″ lng=”-2.2235922″ zoom=”12″ pancontrol=”false”][/ultimate_google_map][ultimate_spacer height=”20″][ultimate_heading main_heading=”Satellite” spacer=”line_with_icon” line_height=”2″ icon=”Ultimate-set-uni79″ icon_size=”24″ line_width=”40″ main_heading_margin=”margin-bottom:10px;”][/ultimate_heading][ultimate_google_map height=”150px” map_type=”SATELLITE” lat=”53.474902″ lng=”-2.2235922″ zoom=”12″ pancontrol=”false”][/ultimate_google_map][/vc_column_inner][vc_column_inner width=”1/2″][ultimate_heading main_heading=”Hybrid” spacer=”line_with_icon” line_height=”2″ icon=”Ultimate-set-uni76″ icon_size=”24″ line_width=”40″ main_heading_margin=”margin-bottom:10px;”][/ultimate_heading][ultimate_google_map height=”150px” map_type=”HYBRID” lat=”53.474902″ lng=”-2.2235922″ zoom=”12″ pancontrol=”false”][/ultimate_google_map][ultimate_spacer height=”20″][ultimate_heading main_heading=”Terrain” spacer=”line_with_icon” line_height=”2″ icon=”Ultimate-set-uni7B” icon_size=”24″ line_width=”40″ main_heading_margin=”margin-bottom:10px;”][/ultimate_heading][ultimate_google_map height=”150px” map_type=”TERRAIN” lat=”53.474902″ lng=”-2.2235922″ zoom=”12″ pancontrol=”false”][/ultimate_google_map][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1448210267061{margin-bottom: 0px !important;padding-top: 50px !important;padding-bottom: 50px !important;background-color: #f7f7f7 !important;}”][vc_column][ultimate_heading main_heading=”ZOOM LEVEL” main_heading_color=”#6d6d6d” spacer=”line_only” spacer_position=”middle” line_height=”4″ line_color=”#f9a639″ main_heading_style=”font-weight:bold;” main_heading_font_size=”24″ line_width=”100″ sub_heading_margin=”margin-top:-10px;” spacer_margin=”margin-top:10px;”]

There are lot’s of zoom level you can try.

[/ultimate_heading][vc_row_inner][vc_column_inner width=”1/4″][vc_text_separator title=”Map zoom-10″][ultimate_google_map lat=”51.510296″ lng=”-0.126259″ zoom=”10″ pancontrol=”false”][/ultimate_google_map][/vc_column_inner][vc_column_inner width=”1/4″][vc_text_separator title=”Map zoom-13″][ultimate_google_map lat=”51.510296″ lng=”-0.126259″ zoom=”13″ pancontrol=”false”][/ultimate_google_map][/vc_column_inner][vc_column_inner width=”1/4″][vc_text_separator title=”Map zoom-16″][ultimate_google_map lat=”51.510296″ lng=”-0.126259″ zoom=”16″ pancontrol=”false”][/ultimate_google_map][/vc_column_inner][vc_column_inner width=”1/4″][vc_text_separator title=”Map zoom-18″][ultimate_google_map lat=”51.510296″ lng=”-0.126259″ zoom=”18″ pancontrol=”false”][/ultimate_google_map][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row_content_no_spaces” css=”.vc_custom_1448210498994{margin-bottom: 0px !important;padding-top: 50px !important;background-color: #ffffff !important;}”][vc_column][ultimate_heading main_heading=”FULL WIDTH MAP OPTION” main_heading_color=”#6d6d6d” spacer=”line_only” spacer_position=”middle” line_height=”4″ line_color=”#f9a639″ main_heading_style=”font-weight:bold;” main_heading_font_size=”24″ line_width=”100″ sub_heading_margin=”margin-top:-10px;” spacer_margin=”margin-top:10px;”]

Full width map can also be an great idea to describe any location.

[/ultimate_heading][ultimate_google_map height=”400px” lat=”41.9038795″ lng=”12.4520834″ zoom=”12″ scrollwheel=”disable” marker_icon=”default_self” maptypecontrol=”true” zoomcontrol=”true” map_override=”full” pancontrol=”true”]

Vatican City (world smallest state)

[/ultimate_google_map][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1448210347591{margin-bottom: 0px !important;padding-top: 50px !important;padding-bottom: 50px !important;background-color: #f7f7f7 !important;}”][vc_column][ultimate_heading main_heading=”CUSTOM GOOGLE MAP MARKER” main_heading_color=”#6d6d6d” spacer=”line_only” spacer_position=”middle” line_height=”4″ line_color=”#f9a639″ main_heading_style=”font-weight:bold;” main_heading_font_size=”24″ line_width=”100″ sub_heading_margin=”margin-top:-10px;” spacer_margin=”margin-top:10px;”]

Custom map marker enables you to upload your desired marker points into the maps.

[/ultimate_heading][vc_row_inner][vc_column_inner width=”1/2″][ultimate_google_map height=”250px” lat=”37.765423″ lng=”-122.402458″ zoom=”12″ scrollwheel=”disable” marker_icon=”custom” icon_img=”id^340|url^http://localhost/HairSalon/wp-content/uploads/2017/05/marker4.png|caption^null|alt^null|title^marker4|description^null” maptypecontrol=”true” zoomcontrol=”true” pancontrol=”true”][/ultimate_google_map][/vc_column_inner][vc_column_inner width=”1/2″][ultimate_google_map height=”250px” lat=”37.7711687″ lng=”-122.4055669″ zoom=”12″ marker_icon=”custom” icon_img=”id^347|url^http://localhost/HairSalon/wp-content/uploads/2017/05/marker3.png|caption^null|alt^null|title^marker3|description^null” pancontrol=”false”][/ultimate_google_map][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]