Licorval BelgiumLicorval Belgium
  • Home
  • Industries
    • Advanced Electronics
    • Aerospace & Defense
    • Agriculture
    • Automotive & Assembly
    • Capital Projects & Infrastructure
    • Electric Power & Natural Gas
    • Healthcare Systems & Services
    • Technology, Media & Telecommunications
    • Real Estate
    • Public & Social Sector
  • Portfolio
  • Services
    • Strategy & Corporate
  • News
    • Trending
  • Franchising

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.

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.

Leave a Reply Cancel reply

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

Search

Trending

  • Global Citizen – The Prize 2020
  • First zero-emission commercial aircraft for 2035
  • Agriculture’s connected future : Zero Carbon
  • Fashion Industry to Reduce Its Greenhouse Gas Emissions – Insight

Search

Trending

  • Global Citizen – The Prize 2020
  • First zero-emission commercial aircraft for 2035
  • Agriculture’s connected future : Zero Carbon

Get our latest messages on your iPhone, iPad, or Android device

Share your thinking!

Your message was successfully sent. Thank You!

  • Home
  • Industries
  • Functions
  • Featured Insights
  • Busy Corner
  • Lico
Copyright All Rights Reserved - Licorval Belgium