Campus Maps and Tours

Design and embed interactive campus maps and virtual tours on your website, using your website styling. Maps are hosted by nuCloud from multiple server locations to ensure optimal speed and performance.

Creating maps can be as simple as uploading illustrations to nuCloud, assigning interactive stops, customizing options, and publishing to your website. nuCloud has a separate login and interface from Modern Campus CMS at Campus Maps.

Make a new mapLink to this section

1. Log in to Campus Maps.
2. Click Make a New Map.
3. Type to enter a title for your map.
4. Click to choose file.
5. Click Upload.

Add a new stop to your mapLink to this section

1. For the map you want to edit, click Workbench.
2. Click +New Stop.
3. Place icon on map.
4. Type to enter a title and description for your stop.
5. Edit icon, media, geolocation, and categories as needed.
6. Click Save Stop.

Assign geolocation to your stopsLink to this section

Add geolocation to the stops on your map to allow visitors to get directions and see street and satellite layers. Geolocation adds the latitude and longitude coordinates using Google maps.

1. For the map you want to edit, click Workbench.
2. Find the stop in the list, click Edit Stop .
   • See the  icon for stops with geographic coordinates assigned.
3. Click Edit Geolocation.
4. Start typing an address or place.
   • To relocate, drag the icon and drop it in any location.
5. Click Done.
6. Click Save Stop.

Upload media to the libraryLink to this section

To use images, audio, and 360-degree videos on a map, upload your media to the nuCloud library. The preset theme applied to your stops will automatically crop your images to the correct ratio. If you are unsure what photo size to upload please contact us for assistance.

1. In the Library menu, select the media type to upload.
   • Icons, Pictures, Multimedia (videos, 360s, or anything with an embed code), or Audio.
2. Click +Upload Icons.
3. Choose file(s) to upload.

Publish your map and add it to your websiteLink to this section

1. For the map you want to publish, click Workbench.
2. In the Map menu, click Publish Map.
   • Enter publish comments, as needed.
3. Click Publish.
4. Copy the map URL or embed code and paste it on your web page.

Adding Google Analytics 4 (GA4)Link to this section

To integrate GA4 with your map, follow a two-step process: first, set up Google Analytics and then set up the map. Once both steps are finished, you'll need to wait for Google to collect data before your map analytics will display.

Google Analytics Setup

1. Set up cross-domain measurement via the Admin.
2. For the web data stream, enter the following domain:
   • https://cdn.maps.moderncampus.net/
3. Copy the MEASUREMENT ID to paste inside in your map account.

Map Setup

1. Find the map you want to add analytics to, click Properties.
2. Set Enable 3rd Party Analytics to Yes.
3. In the Google Tag Manager Source box, enter the Example Code Block contents.
   • In the example code block, paste the MEASUREMENT ID that you received in the Google Analytics Setup.
4. For Selected Analytics select Google Tag Manager.
5. Click Update.
6. Click Publish.

Example Code Block

const gId = 'MEASUREMENT ID';
const script = document.createElement('script');
script.onload = function() {
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', gId, {'cookie_flags': 'samesite=none;secure'});
};
script.src = `https://www.googletagmanager.com/gtag/js?id=${gId}`;
script.async = true;
document.getElementsByTagName('head')[0].appendChild(script);