{"title":"Displaying your Desired Address by Adding a Map","id":36978,"link":"https:\/\/env.averta.net\/en\/step\/displaying-your-desired-address-by-adding-a-map\/","parent":[37142],"content":"<p>Use <strong>Map<\/strong> shortcode to display an address in a stylish way. You can add the Map shortcode, then fill in its attributes. Available options will be explained below.<\/p>\n<div class=\"row\"><div class=\"column col-third\">\n<div id=\"attachment_36995\" style=\"width: 893px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-36995\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-36995 size-full\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/normal-road-map.png\" alt=\"normal-road-map\" width=\"883\" height=\"697\" \/><p id=\"caption-attachment-36995\" class=\"wp-caption-text\">Normal Road Map<\/p><\/div>\n<\/div><div class=\"column col-third\">\n<div id=\"attachment_36996\" style=\"width: 894px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-36996\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-36996 size-full\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/styled-road-map.png\" alt=\"styled-road-map\" width=\"884\" height=\"699\" \/><p id=\"caption-attachment-36996\" class=\"wp-caption-text\">Styled Road Map<\/p><\/div>\n<\/div><div class=\"column col-third\">\n<div id=\"attachment_36998\" style=\"width: 890px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-36998\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-36998 size-full\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/sattelite-map.png\" alt=\"satellite-map\" width=\"880\" height=\"697\" \/><p id=\"caption-attachment-36998\" class=\"wp-caption-text\">Satellite Map<\/p><\/div>\n<\/div><\/div>\n<pre class=\"\">[aux_gmaps type=\"ROADMAP\" show_mapcontrols=\"1\" zoom_wheel=\"0\" height=\"700\" latitude=\"54\" longitude=\"14\" zoom=\"3\" style=\"\" title=\"Title\" marker_info=\"Marker info\" extra_classes=\"\"]<\/pre>\n<p style=\"text-align: center;\"><p class=\"aswi-text-box box-recommend\"><strong>Recommended: <\/strong>To see the demos of <strong>Map<\/strong>, check out <a target=\"_blanck\" href=\"http:\/\/averta.net\/phlox\/wordpress-theme\/demo\/default\/map\/\">this link<\/a>.<\/p>\n<table style=\"width: 100%;\">\n<tbody>\n<tr>\n<th style=\"text-align: center;\">OPTION<\/th>\n<th style=\"text-align: center;\">DEFAULT VALUE<\/th>\n<th style=\"text-align: center;\">VALUES AND DESCRIPTION<\/th>\n<\/tr>\n<tr>\n<td>title<\/td>\n<td>&#8220;Button&#8221;<\/td>\n<td>Leave it empty if you do not want to show any title.<\/td>\n<\/tr>\n<tr>\n<td>type<\/td>\n<td>&#8220;ROADMAP&#8221;<\/td>\n<td>&#8220;ROADMAP&#8221;<\/p>\n<p>&#8220;SATELLITE&#8221;<\/td>\n<\/tr>\n<tr>\n<td>style<\/td>\n<td>&#8221; &#8220;<\/td>\n<td>Customizes the presentation of the standard Google Maps by changing this. Visit <a href=\"https:\/\/snazzymaps.com\/\">this site<\/a> to find many preset styles.<\/td>\n<\/tr>\n<tr>\n<td>marker_info<\/td>\n<td>&#8220;Marker info&#8221;<\/td>\n<td>Write your desired text here. It pops up when you click the marker.<\/td>\n<\/tr>\n<tr>\n<td>show_mapcontrols<\/td>\n<td>&#8220;1&#8221;<\/td>\n<td>Whether to show navigation control on the map or not.<\/td>\n<\/tr>\n<tr>\n<td>zoom<\/td>\n<td>&#8220;3&#8221;<\/td>\n<td>Specifies the zoom for the map.<\/p>\n<p>The values should be between 0 to 19.<\/td>\n<\/tr>\n<tr>\n<td>zoom_wheel<\/td>\n<td>&#8220;0&#8221;<\/td>\n<td>Whether to zoom on the map with your mouse wheel or not.<\/td>\n<\/tr>\n<tr>\n<td>height<\/td>\n<td>&#8220;height&#8221;<\/td>\n<td>Specifies the map height.<\/td>\n<\/tr>\n<tr>\n<td>latitude<\/td>\n<td>&#8221; &#8220;<\/td>\n<td>To find a place&#8217;s latitude, right click the place or area on google maps and select What&#8217;s here. Then you will find a coordinates box at the bottom of the page.<\/td>\n<\/tr>\n<tr>\n<td>longitude<\/td>\n<td>&#8221; &#8220;<\/td>\n<td>To find a place&#8217;s longitude, right click the place or area on google maps and select What&#8217;s here. Then you will find a coordinates box at the bottom of the page.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-36546 aligncenter\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/longlat.png\" alt=\"longlat\" width=\"452\" height=\"310\" \/><\/td>\n<\/tr>\n<tr>\n<td>link<\/td>\n<td>&#8220;title&#8221;<\/td>\n<td>Links the button to another webpage, write the address here.<\/td>\n<\/tr>\n<tr>\n<td>target<\/td>\n<td>&#8220;_blank&#8221;<\/td>\n<td>&#8220;_blank&#8221;:?Open link in a new page<\/p>\n<p>&#8220;_self&#8221;: Open link in current page<\/td>\n<\/tr>\n<tr>\n<td>extra_classes<\/td>\n<td>&#8221; &#8220;<\/td>\n<td>Add your custom CSS class names here, to style particular content element differently.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","type":"solution"}