Google Maps

Knowledgebase Docs » UberMenu 3
USEFUL? 8
UberMenu 3
The UberMenu Google Maps shortcode allows you to insert geocoded map locations into your menu. This map will automatically be recentered when the submenu is opened.

To use Google Maps you need to include the API, which can be done by enabling Load Google Maps API in Appearance > UberMenu > General Settings > Assets. Disable this if you’re not using it.

The included Google Maps Shortcode produces a simple map with a single marker. For more advanced map functionality, check out WP Google Maps or Comprehensive Google Maps Plugin

API Key

To set up your Google Maps API key, visit the Google Maps Javascript API page and click “Get a Key”Follow the instructions on the Google Maps API site, then add your API key in the UberMenu Control Panel > General Settings > Assets > Google Maps API Key



Google Maps Shortcode

Use the Google Maps shortcode to insert a map into a Custom Content area within your UberMenu. Note that this shortcode is designed only for use within UberMenu.

[ubermenu-map address="Boston, MA" zoom="15" title="My Title"]

lat
Example: 40.416
The latitude of the coordinates to show on the map. This will load immediately.
lng
Example: -3.702
The longitude of the coordinates to show on the map. This will load immediately.
address
Example: 5 Calle de Sevilla, Madrid, Spain
This address is optional and will be geocoded and displayed – it sends an extra request to do this, so if the geocode fails the original lat and long coordinates will be displayed.
zoom
Example: 15
The map’s initial zoom level
title
Example: Business, Inc
The text to display when hovering over the map marker.
width
Default: 100%
Width of the map.
height
Default: 200px
Height of the map.