UO Maps

If you run into a problem, have questions about how something works, or have questions about functionality that is not covered, email webservices@uoregon.edu to ask for assistance.

Ask for Assistance


You can customize and add the UO map to any page on your website.

Getting Started Tips

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

Grids


Add a Map

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.

 

Screenshot showing the icon for inserting the UO map

General Settings

The general settings allows you to choose type of map, building and room location, size of the map, and zoom level.

Map Type

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.

 

Screenshot showing the map type options

Minimal (no features) Example:

Standard Example:

Building

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.

 

Screenshot showing the building options

Room Number

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.

 

Screenshot showing the room number dropdown

Dimensions

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.

 

Screenshot of the options for iFrame dimensions

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.

 

Screenshot showing the width and height boxes

Zoom Level

You can also choose how zoomed in you want your map to appear: closest (which is the default setting), close, far, and farthest.

 

Screenshot of the options for the zoom level

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:


Marker Settings

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.

 

Screenshot of the marker settings

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:


Layer Options

NOTE: Layer options are only available if you do not select a room number and only show a building location.

 

Screenshot of the layer options

Theme Options

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.

 

Screenshot of the theme options dropdown

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: