Home / Shortcodes / Google Maps

Google Maps

Google maps attributes

[wt_divider_line margin_top=”20″ margin_bottom=”40″] [wt_list style=”ok”] [li]width[/li] [li]height[/li] [li]address: Address on which the viewport will be centered. [/li] [li]latitude: Point on which the viewport will be centered. If not given and no markers are defined the viewport defaults to world view. [/li] [li]longitude: Same as above but for longitude… [/li] [li]zoom: Zoom value from 1 to 19 where 19 is the greatest and 1 the smallest.[/li] [li]html: Content that will be shown within the info window for this marker. If empty no info window will be shown when the user clicks the marker.[/li] [li]popup: If true the info window for this marker will be shown when the map finished loading. If “html” is empty this option will be ignored.[/li] [li]controls: A simple array of string values representing the function names (without “()”) to add controls. Please refer to the Google Maps API for possible values. If empty the default map controls will be applied. [/li] [li]marker: true or false[/li] [li]html: Content that will be shown within the info window for this marker.[/li] [li]scrollwheel: Set to false to disable zooming with your mouses scrollwheel. If “controls” is not set this option will be ignored (because default map controls are applied).[/li] [li]maptype: Predefined variable for setting the map type. Please refer to the Google Maps API for possible values. [/li] [li]align: true or false[/li] [/wt_list] [div class_attr=”wt_title”]

Simple map with marker

[/div] Displays a simple map and adds one marker. The viewport gets centered automatically.

[wt_gMap latitude=”51.507207″ longitude=”-0.127223″ zoom=”15″ customMarkers=”true” customNavigation=”false”] [marker latitude=”51.507207″ longitude=”-0.127223″ text=”Here is our main office.”] [/wt_gMap] [code] [wt_gMap latitude=”51.507207″ longitude=”-0.127223″ zoom=”15″ customMarkers=”true” customNavigation=”false”] [marker latitude=”51.507207″ longitude=”-0.127223″ text=”Here is our main office.”] [/wt_gMap] [/code] [wt_divider_top] [wt_h2 heading_style=”wt_heading_3″]Map with controls and multiple markers[/wt_h2]

Displays a simple map with controls and adds multiple markers. You need to center the map so that all markers are visible.

[wt_gMap latitude=”51.511387″ longitude=”-0.113854″ zoom=”14″ customMarkers=”true” customNavigation=”true”] [marker latitude=”51.516474″ longitude=”-0.133899″ text=”Here is our main office.”] [marker latitude=”51.505951″ longitude=”-0.100898″ text=”Here is our second office.”] [marker latitude=”51.510772″ longitude=”-0.134161″ text=”You can display up to 10 map locations!”] [/wt_gMap] [code] [wt_gMap latitude=”51.511387″ longitude=”-0.113854″ zoom=”14″ customMarkers=”true” customNavigation=”true”] [marker latitude=”51.516474″ longitude=”-0.133899″ text=”Here is our main office.”] [marker latitude=”51.505951″ longitude=”-0.100898″ text=”Here is our second office.”] [marker latitude=”51.510772″ longitude=”-0.134161″ text=”You can display up to 10 map locations!”] [/wt_gMap] [/code] [wt_divider_top] [div class_attr=”wt_title”]

Different map type

[/div] Changes the map type to physical view.

[wt_gMap latitude=”51.507207″ longitude=”-0.127223″ zoom=”15″ customMarkers=”true” customNavigation=”false” maptype=”TERRAIN”] [marker latitude=”51.507207″ longitude=”-0.127223″ text=”Here is our main office.”] [/wt_gMap] [code] [wt_gMap latitude=”51.507207″ longitude=”-0.127223″ zoom=”15″ customMarkers=”true” customNavigation=”false” maptype=”TERRAIN”] [marker latitude=”51.507207″ longitude=”-0.127223″ text=”Here is our main office.”] [/wt_gMap] [/code] [wt_divider_top] [div class_attr=”wt_title”]

Map with controls

[/div] [wt_gMap latitude=”51.507207″ longitude=”-0.127223″ controls=”true” customMarkers=”true” customNavigation=”false”] [marker latitude=”51.507207″ longitude=”-0.127223″ text=”Here is our main office.”] [/wt_gMap] [code] [wt_gMap latitude=”51.507207″ longitude=”-0.127223″ controls=”true” customMarkers=”true” customNavigation=”false”] [marker latitude=”51.507207″ longitude=”-0.127223″ text=”Here is our main office.”] [/wt_gMap] [/code] [wt_divider_top] [div class_attr=”wt_title”]

Different styled maps with controls and multiple markers

[/div] You can build a personalized google map by editing next styling options (featureType, elementType, visibility, invert_lightness, color, hue, saturation, lightness, gamma) in their specific google map shortcode fields.

[wt_gMap latitude=”51.511387″ longitude=”-0.113854″ controls=”true” zoom=”14″ styling=”true” saturation=”-80″ lightness=”10″ customMarkers=”true” customNavigation=”false”] [marker latitude=”51.516474″ longitude=”-0.133899″ text=”Here is our main office.”] [marker latitude=”51.505951″ longitude=”-0.100898″ text=”Here is our second office.”] [marker latitude=”51.510772″ longitude=”-0.134161″ text=”You can display up to 10 map locations!”] [/wt_gMap] [wt_gMap latitude=”51.511387″ longitude=”-0.113854″ controls=”true” zoom=”14″ styling=”true” hue=”#0000ff” lightness=”10″ customMarkers=”true” customNavigation=”false”] [marker latitude=”51.516474″ longitude=”-0.133899″ text=”Here is our main office.”] [marker latitude=”51.505951″ longitude=”-0.100898″ text=”Here is our second office.”] [marker latitude=”51.510772″ longitude=”-0.134161″ text=”You can display up to 10 map locations!”] [/wt_gMap] [wt_gMap latitude=”51.507207″ longitude=”-0.127223″ zoom=”15″ styling=”true” invert_lightness=”true” saturation=”-100″ lightness=”10″ customMarkers=”true” customNavigation=”false”] [marker latitude=”51.507207″ longitude=”-0.127223″ text=”Here is our main office.”] [/wt_gMap] [code] [wt_gMap latitude=”51.511387″ longitude=”-0.113854″ controls=”true” zoom=”14″ styling=”true” saturation=”-80″ lightness=”10″ customMarkers=”true” customNavigation=”false”] [marker latitude=”51.516474″ longitude=”-0.133899″ text=”Here is our main office.”] [marker latitude=”51.505951″ longitude=”-0.100898″ text=”Here is our second office.”] [marker latitude=”51.510772″ longitude=”-0.134161″ text=”You can display up to 10 map locations!”] [/wt_gMap] [wt_gMap latitude=”51.511387″ longitude=”-0.113854″ controls=”true” zoom=”14″ styling=”true” hue=”#0000ff” lightness=”10″ customMarkers=”true” customNavigation=”false”] [marker latitude=”51.516474″ longitude=”-0.133899″ text=”Here is our main office.”] [marker latitude=”51.505951″ longitude=”-0.100898″ text=”Here is our second office.”] [marker latitude=”51.510772″ longitude=”-0.134161″ text=”You can display up to 10 map locations!”] [/wt_gMap] [wt_gMap latitude=”51.507207″ longitude=”-0.127223″ zoom=”15″ styling=”true” invert_lightness=”true” saturation=”-100″ lightness=”10″ customMarkers=”true” customNavigation=”false”] [marker latitude=”51.507207″ longitude=”-0.127223″ text=”Here is our main office.”] [/wt_gMap] [/code] [wt_divider_top] [div class_attr=”wt_title”]

Map aligned to left

[/div] Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in anim id est laborum. Allamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in anim id est laborum.

[wt_gMap width=”400″ height=”250″ latitude=”51.507207″ longitude=”-0.127223″ controls=”true” customMarkers=”true” customNavigation=”false” align=”left”] [marker latitude=”51.507207″ longitude=”-0.127223″ text=”Here is our main office.”] [/wt_gMap] Pellentesque eget tellus vitae augue accumsan aliquet ut ut libero. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Fusce vulputate dignissim risus id cursus. In eu eleifend leo. Curabitur non purus lorem, sed rutrum lectus.

Donec sed placerat ipsum. Suspendisse nec augue ut arcu elementum iaculis. Nulla est felis, interdum sed viverra sed, faucibus et arcu. Quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi.
[code] [wt_gMap width=”400″ height=”250″ latitude=”51.507207″ longitude=”-0.127223″ controls=”true” customMarkers=”true” customNavigation=”false” align=”left”] [marker latitude=”51.507207″ longitude=”-0.127223″ text=”Here is our main office.”] [/wt_gMap] [/code] [wt_divider_top] [div class_attr=”wt_title”]

Map aligned to right

[/div] Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in anim id est laborum. Allamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in anim id est laborum.

[wt_gMap width=”400″ height=”250″ latitude=”51.507207″ longitude=”-0.127223″ controls=”true” customMarkers=”true” customNavigation=”false” align=”right”] [marker latitude=”51.507207″ longitude=”-0.127223″ text=”Here is our main office.”] [/wt_gMap] Pellentesque eget tellus vitae augue accumsan aliquet ut ut libero. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Fusce vulputate dignissim risus id cursus. In eu eleifend leo. Curabitur non purus lorem, sed rutrum lectus.

Donec sed placerat ipsum. Suspendisse nec augue ut arcu elementum iaculis. Nulla est felis, interdum sed viverra sed, faucibus et arcu. Quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi.
[code] [wt_gMap width=”400″ height=”250″ latitude=”51.507207″ longitude=”-0.127223″ controls=”true” customMarkers=”true” customNavigation=”false” align=”right”] [marker latitude=”51.507207″ longitude=”-0.127223″ text=”Here is our main office.”] [/wt_gMap] [/code] [wt_divider_top]

Leave a Reply

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

*

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Scroll To Top