Powered by Striking MultiFlex Ver 2.4.5
WordPress 6.7.1 & PHP 8.0!

  • Sliders & Shop Welcome To Striking!
    • 4 Different Homepage Sliders
    • Feature Header Sliders Only
      • Accordion slider
      • Roundabout Slider
    • Shortcoded Sliders
      • The Fotorama Slider
      • The Revolution Slider
      • Nivo Slider
      • Carousels
        • The Carousel Slider
    • SlideShow For Pages & Posts
    • Woo Shop Demo
  • Unique Features Check These Out!
    • Superb Admin w/Inline Help Easy to Use!
      • Admin Panel Help Text
      • General Options
      • Background Options
      • Color Options
      • Font Options
      • SlideShow Options
      • Sidebar Options
      • Image Options
      • Media Options
      • Homepage Options
      • Blog Options
      • Portfolio Options
      • Footer Options
      • Advanced Options
    • 7 Page Templates
      • A Full Width Page
      • Left sidebar
      • Right Sidebar
      • Landing Page
      • Page with Comments
      • Page with Sitemap
    • MultiFunction Featured Header Area
      • Title Only
      • Custom Text Only
      • Title & Custom Text
      • Custom Text & Slideshow
      • Title and Slideshow
      • Disable
    • Content Skins
      • Full Width Services Grids
      • Services Grids for Page W/Sidebar
      • Pricing Grids
      • Testimonial Layouts
      • About Us Template
      • Contact Layout
      • FAQ’s How To
    • Shortcode Generator
    • 16 Custom Widgets
    • Individually Customizable Pages
    • Content Choreography
    • Icon Fonts – The Most Advanced Implementation in a Theme
    • Unlimited Color Options
    • Huge Typography Options
    • Fonts – Font Awesome, Google, Cufon, @fontface & more!
    • 404 Error Page
    • Boxed Layout Option
    • Unlimited Custom Sidebars
    • 2 Custom Post Types
    • WordPress Multisite Support
  • Shortcodes 110 + shortcodes
    • Design & Layout
      • Columns
      • Styled Boxes
      • Content Box
      • Slogans
      • Tables
      • Tabs & Accordion & Toggles
    • Icon Fonts
      • Font Awesome – Overview
      • Font Awesome in Other Shortcodes
      • Complete set of Icons
    • Typography
    • Animated Milestone
    • Progress & Pie Progress
    • Icon Box
    • Process Steps
    • Testimonials
    • Lightbox
    • Buttons
    • Media
      • Video & Audio
      • Gallery
      • Images
      • Slideshow
      • Carousel Sliders
    • Google Maps
    • Widgets
    • Blog Posts
    • Portfolio Posts
    • Masonry
    • Sitemap
  • Portfolio Your Media Your Way!
    • Sortable
      • Portfolio 1 Column
      • Portfolio 2 Columns
      • Portfolio 3 Columns
      • Portfolio 4 Columns
    • Paging
      • Portfolio 1 Column
      • Portfolio 2 Columns
      • Portfolio 3 Columns
      • Portfolio 4 Columns
    • Multiple Portfolios
    • With Sidebar
    • Ajax Navigation
    • Lightbox Gallery
  • Blog Your Story, Your Way
    • Blog With Left Float Image
    • Blog Framed Mode
    • Blog Mansory Mode
    • Blog Posts by Author
    • Blog with 2 Columns
    • Blog with 3 Columns
    • Blog with 4 Columns
    • Blog with 5 Columns
    • Blog with 6 Columns
Home » Shortcodes » Google Maps

Google Maps

  • Parameters
  • Shortcode Option Panel

Parameters

  • width
  • height
  • address: Address on which the viewport will be centered.
  • latitude: Point on which the viewport will be centered. If not given and no markers are defined the viewport defaults to world view.
  • longitude: Same as above but for longitude…
  • zoom: Zoom value from 1 to 19 where 19 is the greatest and 1 the smallest.
  • html: Content that will be shown within the info window for this marker.
  • 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.
  • 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.
  • 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).
  • maptype: Predefined variable for setting the map type. Please refer to the
    Google Maps API for possible values.
  • marker: Set to false to disable display a marker in the viewport.

Shortcode Option Panel

Google Maps Shortcode Options Panel
Google Maps Shortcode Options Panel
Top

Simple map with marker

Displays a simple map with controls and adds one marker. The viewport gets centered automatically.

[gmap latitude="47.660937" longitude="9.569803"]
Top

Different map type

Changes the map type to physical view.

[gmap maptype="TERRAIN" marker="false" zoom="10"]
Top

Map without controls

[gmap controls="false" scrollwheel="false" marker="false" zoom="3"]
Top

Map with marker and info window

[gmap latitude="47.660937" longitude="9.569803" html="Tettnang, Germany" popup="true" zoom="10"]
Top

Map with address

you can use address instead of latitude/longitude.
gMap automatically geocodes the given string and places a marker and center the viewport.

[gmap address="Tettnang, Germany" html="Tettnang, Germany" zoom="10"]
Top

Fullwidth Gmap in the Tabs

  • Tab1
  • Tab2
  • Tab3
Nunc sagittis elementum metus, quis volutpat arcu vehicula non. Suspendisse lacus purus, fringilla scelerisque tincidunt ac, aliquam eget libero. In ultricies est volutpat, posuere arcu id, interdum nunc. Morbi tristique sed augue at ornare. Sed congue arcu augue, in rutrum urna malesuada sit amet? Vestibulum varius suscipit elit, non varius lorem hendrerit in. Nam et dui ac sem pretium aliquet.
Nunc sagittis elementum metus, quis volutpat arcu vehicula non. Suspendisse lacus purus, fringilla scelerisque tincidunt ac, aliquam eget libero. In ultricies est volutpat, posuere arcu id, interdum nunc. Morbi tristique sed augue at ornare. Sed congue arcu augue, in rutrum urna malesuada sit amet? Vestibulum varius suscipit elit, non varius lorem hendrerit in. Nam et dui ac sem pretium aliquet.
Nunc sagittis elementum metus, quis volutpat arcu vehicula non. Suspendisse lacus purus, fringilla scelerisque tincidunt ac, aliquam eget libero. In ultricies est volutpat, posuere arcu id, interdum nunc. Morbi tristique sed augue at ornare. Sed congue arcu augue, in rutrum urna malesuada sit amet? Vestibulum varius suscipit elit, non varius lorem hendrerit in. Nam et dui ac sem pretium aliquet.
[tabs history="true"] [tab title="Tab1" anchor="Tab1" icon="home"] Nunc sagittis elementum metus, quis volutpat arcu vehicula non. Suspendisse lacus purus, fringilla scelerisque tincidunt ac, aliquam eget libero. In ultricies est volutpat, posuere arcu id, interdum nunc. Morbi tristique sed augue at ornare. Sed congue arcu augue, in rutrum urna malesuada sit amet? Vestibulum varius suscipit elit, non varius lorem hendrerit in. Nam et dui ac sem pretium aliquet. [gmap address="Central Park, New York" scrollwheel="false"] [/tab] [tab title="Tab2" anchor="Tab2" icon="map-o"] Nunc sagittis elementum metus, quis volutpat arcu vehicula non. Suspendisse lacus purus, fringilla scelerisque tincidunt ac, aliquam eget libero. In ultricies est volutpat, posuere arcu id, interdum nunc. Morbi tristique sed augue at ornare. Sed congue arcu augue, in rutrum urna malesuada sit amet? Vestibulum varius suscipit elit, non varius lorem hendrerit in. Nam et dui ac sem pretium aliquet. [gmap address="Bangkok Thailand" scrollwheel="false"] [/tab] [tab title="Tab3" anchor="Tab3" icon="map-marker"] Nunc sagittis elementum metus, quis volutpat arcu vehicula non. Suspendisse lacus purus, fringilla scelerisque tincidunt ac, aliquam eget libero. In ultricies est volutpat, posuere arcu id, interdum nunc. Morbi tristique sed augue at ornare. Sed congue arcu augue, in rutrum urna malesuada sit amet? Vestibulum varius suscipit elit, non varius lorem hendrerit in. Nam et dui ac sem pretium aliquet. [gmap address="Tettnang, Germany" scrollwheel="false"] [/tab] [/tabs]
Top

Fullwidth Gmap in the Feature Header Area

  • Featured Header Code
  • Custom CSS
  • The Code

Feature Header Area Code

To get a fullwidth gmap into the feature header gmap shortcode needs to be inserted into the Feature Header Custom text-area in the Striking Page General options of that page and make sure the Feature Header Type is set to display that area only.

Insert striking Gmap Shortcode in Feature Header Custom text area
Gmap Shortcode in Feature Header Custom text area.

Custom CSS is Needed

After that in the same Striking Page General options Custom CSS is needed to alter the behaviour of the Feature Header.

Insert Gmap Shortcode in Featured Header Custom CSS
Gmap Shortcode in Featured Header Custom CSS
The Shortcode for the Fullwidth Gmap : in the Striking Page Options -> Feature Header Settings -> Feature Header Custom Text Area field

[gmap zoom="3" latitude="51.51121389999999" longitude="-0.11982439999997041" popup="false" controls="true" align="center" width="100%" scrollwheel="false" html="London UK, Map center"]
The Custom CSS for the Fullwidth Gmap : in the Striking Page Options -> Page Design Settings -> Custom CSS Text field
#feature .inner { width:100%; padding: 0px; } #introduce { padding:0px; } #feature .bottom_shadow, #feature .top_shadow, .has-shadow #feature .bottom_shadow, .has-shadow #feature .top_shadow {display:none;} #feature .inner .gmap_marker { color:#3867b1; }
Top
Note: Gmaps center on pageload not on page resize or swap from landscape to portrait or vice versa.

Follow Us on

Follow Us on EmailFollow Us on FacebookFollow Us on FlickrFollow Us on Twitter

Shortcodes

  • Columns
  • Typography
  • Animated Milestone
  • Progress & Pie Progress
  • Icon Box
  • Process Steps
  • Slogans
  • Styled Boxes
  • Content Box
  • Testimonials
  • Lightbox
  • Tables
  • Buttons
  • Video & Audio
  • Gallery
  • Images
  • Slideshow
  • Carousel Sliders
  • Google Maps
  • Widgets
  • Tabs & Accordion & Toggles
  • Blog Posts
  • Portfolio Posts
  • Masonry
  • Sitemap

Portfolio Image Widget

  • Nattu
  • Clspeace
  • Aussiegall

Striking Search

Striking GMap Widget

Keep In Touch

Follow Us on FacebookFollow Us on FlickrFollow Us on LinkedInFollow Us on MySpaceFollow Us on Twitter

Connect With Us!

Your message was successfully sent. Thank You!

Contact Us

(+40) 111 222 333

support*exampledomain.com

9933 Example Rd

Your City , State 44444

Popular Posts

  • Donec posuere vulputate arcu
    Donec posuere vulputate arcu September 30, 2010
  • Ei iudico iuvaret abhorr eantusu
    Ei iudico iuvaret abhorr eantusu September 30, 2010

Gmap Iframe

  • Home
  • Shortcodes
  • Pages
  • Features
  • Blog
Copyright All rights reserved.