• Home Welcome to Striking !
    • Woo Shop Demo
    • Sliders
      • 7 Different Homepage Sliders
      • Feature Header Sliders Only
        • Accordion slider
        • Roundabout Slider
        • Ken Burner Slider
      • Shortcoded Sliders
        • The Fotorama Slider
        • The Revolution Slider
        • Nivo Slider
        • The Carousel Slider
      • SlideShow For Pages & Posts
  • Unique Features Check These Out!
    • Page Templates
      • A Full Width Page
      • Left sidebar
      • Right Sidebar
      • Landing Page
      • Page with Comments
      • Page with Sitemap
      • Splashpage
    • MultiFunction Featured Header Area
      • Title and Slideshow
      • Slideshow
      • Custom Text & Slideshow
      • Title Only
      • Title & Custom Text
      • Custom Text Only
      • Disable
    • Content Skins
      • Services
      • Services With Sidebar
      • Pricing
      • Testimonials
      • About us
      • Contact
      • FAQ’s
    • Content Choreography
    • Icon Fonts – The Most Advanced Implementation in a Theme
    • Huge Typography Options
    • 404 error page
  • Shortcodes 110+ Shortcodes
    • Design & Layout
      • Columns
      • Styled Boxes
      • Content Box
      • Slogans
      • Tables
      • Tabs & Accordion & Toggles
    • Icon Fonts
      • Font Awesome A Complete set of Icons
      • Font Awesome Used In Other Shortcodes
      • Font Awesome Icon Fonts Overview
    • Typography
    • Animated Milestone
    • Progress & Pie Progress
    • Icon Box
    • Process Steps
    • Testimonials
    • Lightbox
    • Buttons
    • Media
      • Video & Audio
      • Gallery
      • Images
      • Slideshow
      • Carousel Sliders
    • Google Maps
    • Google Chart
    • Widgets
    • Blog Posts
    • Portfolio Posts
    • Masonry
    • Sitemap
  • Portfolio Your Media Your Way!
    • Paging
      • Portfolio 1 Column
      • Portfolio 2 Columns
      • Portfolio 3 Columns
      • Portfolio 4 Columns
    • Sortable
      • 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 Posts by Author
    • Blog with 2 Columns
    • Blog with 3 Columns
    • Blog with 4 Columns
    • Blog with 5 Columns
    • Blog with 6 Columns
    • Blog Framed Mode
Home » Shortcodes » Google Maps

Google Maps

Top

Simple map with marker

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

Top

Different map type

Changes the map type to physical view.

Top

Map without controls

Top

Map with marker and info window

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.

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.
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.


The requested image with id ( 1876 ) does not exist.

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.

The requested image with id ( 1879 ) does not exist.

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.

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
  • Google Chart
  • 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
  • In hac habitasse platea
    In hac habitasse platea March 1, 2015

Striking GMap Widget

  • Home
  • Shortcodes
  • Pages
  • Features
  • Blog
Copyright All Rights Reserved