Map Snippet

---

The map snippet allows you to add an interactive map to your pages. You can set the starting location, zoom level, and pick from red or gray pins in the WKU style. Each pin has a pop-up with the optional directions link and space for a description.

 

Snippet Options

---

HEIGHT

Controls the height of the map on the page. The map will fill 100% of the width where it is placed.

• SMALL
• MEDIUM
• LARGE

 

STARTING-ZOOM

Sets the zoom level of the map when the page loads. Lower zoom levels means that the map shows entire continents, while higher zoom levels means that the map can show details of a city.

• 1 to 18

 

STARTING-LATITUDE

Sets the latitude of the center of the map when the page loads.

 Latitude GPS coordinate only. Any other content will cause errors.

 

STARTING-LONGITUDE

Sets the longitude of the center of the map when the page loads.

 Longitude GPS coordinate only. Any other content will cause errors.

 

DIRECTIONS

Adds a button under the title of each popup that opens directions to that location in google maps. (Options: YES, NO)

• YES
• NO

 

 

Snippet Columns

---

Title

Sets the title of the pin popup.

 Text Only, additional content will be removed.

 

Pin Color

Sets the color of the pin on the map.

• RED
• GRAY

 Only use the options listed above.

 

Cupola Icon

Controls whether the pin has a WKU cupola icon or not. Use the cupola to distinguish WKU locations from others.

• YES
• NO

 Only use the options listed above.

 

Latitude

Sets the latitude of the pin.

 Latitude GPS coordinate only. Any other content will cause errors.

 

Longitude

Sets the longitude of the pin.

 Longitude GPS coordinate only. Any other content will cause errors.

 

Description

The content of the popup. Full content is allowed, however space is limited. We recommend keeping your descriptions brief, 1 or 2 small paragraphs.

 WYSIWYG content, nested snippets, components, and assets allowed.

 

 

Latitude, Longitude, and Zoom Generator

Zoom in and out on the map below to determine which starting zoom level looks best. Click anywhere on the map to move the pin and display the latitude and longitude of that location. For best results with latitude and longitude, zoom in closely on your location. This will ensure the coordinates are as accurate as possible.

Copy these values into your snippet.

---

Zoom Level

Latitude

Longitude

 

 

Examples

---

Example 1

This example uses the RED pin with the Cupola Icon to mark a WKU location. Directions are enabled and there is a brief description about the location inside the popup. This map uses the SMALL height size.

 

 

 

Example 2

This example has multiple locations and uses both the red and gray icons to indicate a primary and secondary locations. This map uses the MEDIUM height size.

 

 

 

Example 3

Locations are not limited to WKU. This example uses both the red and gray icons to indicate a primary and secondary locations, but do not use the cupola logo. Directions are off in this example and the map uses the LARGE height size.