Google Map Shortcodes

Place a Map Anywhere You Want

  • Sample Usages:

    • Page Header
    • Sidebar Widget
    • Content Element
    • Contact Page Box
    • Page Footer
Get The Code

[gmap height="250px" latitude="40.714353" longitude="-74.005973"]

Customize The Entire Look

Get The Code

[gmap height="400px" latitude="40.714353" longitude="-74.005973" marker="standard" color="#ff6c36" marker_icon="/wp-content/uploads/2013/04/gmap_marker_1_v01.png"]You can plce some text here…[/gmap]

Shortcode documentation

  • id
    The id attribute specifies an id for an HTML element.
    It must be unique within the HTML document.
    (Mainly for additional styling/scripting purposes)
  • class
    The class attribute specifies a class name for an HTML element.
    (Mainly for additional styling/scripting purposes)
  • width
    Map width eg. 800px (leave it empty to use 100% width)
  • height
    Map height eg. 500px
  • type
    Map interface. Simple has no controls
    Available Options:
    • simple
    • rich
  • color
  • invert_lightness
    Available Options:
    • 0 - none
    • 1 - standard
  • map_type
    Available Options:
    • roadmap
    • satellite
    • hybrid
    • terrain
  • latitude
    To center the map on a specific point (eg. 40.714353 for New York, USA)
  • longitude
    To center the map on a specific point (eg. -74.005973 for New York, USA)
  • zoom
    The initial resolution at which to display the map (default: 15)
  • marker
    Decide if you want to show marker on the map
    Available Options:
    • none
    • standard
    • open-bubble - with open bubble
  • marker_icon
    optional, if empty default marker will be used
Share