If you run into a problem, have questions about how something works, or have questions about functionality that is not covered, email email@example.com to ask for assistance.
You can customize and add the UO map to any page on your website.
Using the UO maps function, you can choose from a responsive 16:9 (widescreen) version, a responsive 4:3 (almost square) version, a responsive 1:1 (square) version, or you can choose your own dimensions.
- Full-width on a page with left-hand secondary navigation: Use 16:9
- Full-width page without left-hand secondary navigation:
- Use a 4:3 aspect ratio or a 1:1 aspect ratio
- Put in 2- or 3-column grid
In the Content Editor box, click your cursor where you want the map to be inserted.
Click the "insert UO map" icon. This will bring up a pop-up box.
The general settings allows you to choose type of map, building and room location, size of the map, and zoom level.
The first thing for you to select is the map type. There are two options available using the "map type" dropdown—minimal (no features) and standard.
Minimal (no features) Example:
Next you will select the location you want to mark on the map. You will begin with the name of the building from the dropdown menu. All of the buildings on campus should be listed in the dropdown menu.
Once you have selected the building name, if you have a specific room number you want to mark on the map, you can select it from the dropdown menu. All of the room numbers in the building should be listed in the dropdown menu.
Once you have selected the type of map, the building, and the room number, you will need to determine the size of the map you want to insert.
We suggest you choose from one of the responsive iFrame dimensions because the map will automatically respond based on the size of the device your user is using.
You can choose from a responsive 16:9 (widescreen) version, a responsive 4:3 (almost square) version, a responsive 1:1 (square) version, or you can choose your own dimensions. If you choose one of the responsive options, do not add values to map width and map height.
For tips about the size of map you should use, see the getting started tips.
Example of a minimal 16:9 map:
Example of minimal 4:3 map in a two-column grid:
Example of minimal 1:1 map in a two-column grid:
If you do want to enter your own dimensions, select "user defined" in the iFrame dimensions dropdown menu and add your dimensions in pixels in the appropriate width and height boxes.
You can also choose how zoomed in you want your map to appear: closest (which is the default setting), close, far, and farthest.
CLOSEST: Example of a minimal 4:3 map zoomed in the closest in a two-column grid:
CLOSE: Example of a minimal 4:3 map zoomed in the closest in a two-column grid:
FAR: Example of a minimal 4:3 map zoomed in the closest in a two-column grid:
FARTHEST: Example of a minimal 4:3 map zoomed in the closest in a two-column grid:
Once you have the basics of your map set up, you can additional custom information to the pin marking the location.
These options include adding the name of the location (University Communications or Division of Equity and Inclusion) rather than just showing the building name and room number.
You can also add a description of the location or specific instructions you want to give about the location.
You can also select the color of the pin that will be placed on the map.
LOCATION NAME: Example of a minimal 4:3 map with a location name and a green pin in a two-column grid:
LOCATION NAME: Example of a minimal 4:3 map with a description and a pink pin in a two-column grid:
NOTE: Layer options are only available if you do not select a room number and only show a building location.
There are three options available using the "theme options" dropdown—gray - dimensional, color - dimensional, and satellite. Color - dimensional is the default setting for the maps.
NOTE: The theme options only work when you select the "standard" map type.
GRAY: Example of a standard 4:3 map zoomed out the farthest in a two-column grid:
COLOR: Example of a standard 4:3 map zoomed out the farthest in a two-column grid:
SATELLITE: Example of a standard 4:3 map zoomed out the farthest in a two-column grid:
Map Features / Show Layer Elements
You can also add different types of outdoor features to your map—accessibility, biking, parking, bus stops, call boxes, and trees.
NOTE: For the map features to show up, you have to check the Layer Options/Features box under Show Layer Elements. The map also needs to be a 16:9 version that is wide enough for the elements to show up on the right side.
MAP FEATURES: Example of a standard 16:9 map zoomed out the farthest with the UO Branded Bar, Layer Options/Features, and Search Box checked: