The Google Maps widget allows you to display a realtime map in a widget area/sidebar. It displays almost all the same map controlling options as the Google Maps website.
In this article, we’ll explain how to get an API key and find the latitude and longitude from the Google website, and then display a map through the Google Maps widget in the Jupiter WordPress theme.
Getting an API Key
First you’ll need to get an API key from the Google website. This is required if you want to display a map.
To get an API key:
Adding the API Key into the Jupiter Theme
After getting an API key, you’ll need to add it into the Jupiter Theme Options.
To add the API key:
Finding Latitude and Longitude
In order to display a specific location on your Google map, you’ll need to find its latitude and longitude.
To find the latitude and longitude:
Displaying a Map
In order to display a map in a widget area/sidebar, you’ll need to add the JP – Google Maps widget to a widget area/sidebar and then configure its settings.
To add the widget:
Setting | Description |
---|---|
Title | Displays a title at the top of the widget. If left empty, it will show nothing at the top of the map. |
Latitude | Defines the latitude of the location. Set the number you found in the previous section. |
Longitude | Defines the longitude of the location. Set the number you found in the previous section. |
Configuring the Map Controls
There are several other settings which allow you to configure the map controls.
Setting | Description |
---|---|
Zoom | Defines the initial map zoom level. The number should be between 1 and 19. The default is 14. |
Height | Defines the height of the map. The width is 100% of the widget container. |
Enable Scroll Wheel | Enables or disables scrollwheel zooming on the map. |
Enable Pan Control | Enables or disables the state of the Pan controls. This allows you to control the position on the map. |
Enable Zoom Control | Enables or disables the state of the Zoom controls. |
Enable Map Type Control | Enables or disables the different map types controls. |
Enable Scale Control | Enables or disables the zoom in/out controls. |
Enable Draggable | Enables or disables draggability feature which allows the map to be dragged in different directions by the mouse. |