How can we help?

Overview

A Wayfinding URL is a special link that opens a Concept3D interactive map with pre-filled walking (or driving) directions between two points. This guide helps both non-technical users and developers understand how to use and build these URLs.

You can generate a Wayfinding URL directly from the Concept3D Map Interface:

• Use the directions tool to select a start and end location on the map.
• After the route is displayed, click the Share button in the directions sidebar.
• This copies a complete Wayfinding URL that you can paste into emails, webpages, or social media.

This method is ideal for non-technical users who want to generate working links without editing URL parameters manually.

What Can I Do With This?

You can use Wayfinding URLs to:

• Share directions from one place to another (e.g., Parking Lot to Science Building)
• Embed route links in emails, websites, or signage (via QR codes)
• Preload routes in a custom app or platform

These links are great for events, campus tours, visitor navigation, and more.

Real-Life Use Cases

• Admissions team: Link from a tour registration email to a pre-routed walk from parking to the check-in desk.
• Facilities: Post a QR code on construction detours to show a safe walking path.
• Marketing: Embed a map route in an event page for easier visitor wayfinding.

How to Dynamically Generate the Wayfinding URL

Before You Start (Prerequisites)

To use Wayfinding URLs, make sure the following conditions are met:

• A valid Map ID (ask your admin or support team)
• Directions enabled on the map (Concept3D Wayfinding and/or third-party)

Note: If you're not sure which type of directions your map supports, check with your Client Success Manager or support team.

URL Example

https://map.concept3d.com/?id=1216#?d/type:walking;ada:false;from:42.816600,-75.545119,0;to:42.819458,-75.536093,0;startName:Start%20Location;endName:End%20Location

This link opens the internal demo map with directions from "Start Location" to "End Location."

URL Structure Breakdown

https://map.concept3d.com/?id={MapID}#?d/type:{Mode};ada:{true|false};from:{Lat},{Lng},{Level};to:{Lat},{Lng},{Level};startName:{Text};endName:{Text};parking:{Lat},{Lng},{Level}

Note: All key-value pairs following ?d/ must be separated by semicolons (;).

Minimal URL Examples

// Load empty directions sidebar: https://map.concept3d.com/?id=1222#!s/?d/  

// Load sidebar with destination only: https://map.concept3d.com/?id=1222#!s/?d/to:33.241,-87.23523,1  

// Load full walking route with accessibility off: https://map.concept3d.com/?id=1222#!s/?d/type:walking;ada:false;from:33.2192,-87.5434,0;to:33.2093,-87.5428,0  

// Full driving route with parking point: https://map.concept3d.com/?id=1120#!s/?d/type:driving;ada:false;from:39.661175,-104.742860,0;to:39.740623,-105.006210,0;parking:39.740619,-105.006195,0;startName:My%20Location;endName:Josh%20Library?share

Notes on Levels

Interiors, also know as “levels” are map-dependent, and the correct value depends on how the map was set up in the CMS. Here are some key things to know:

• Level 0 is generally used for exterior ground.
• Interior buildings typically start at Level 1, but this is not always consistent.
• You may see jumps like Level 0 → Level 3 if:
  • The entrance to a building is located on an upper floor
  • The map's floor setup is customized
  • There's a unique entrance configuration (e.g., hillside, skybridge)

Developer Tip: Always verify level values in the CMS or with your Concept3D rep, especially when working with interior destinations.

Developer Example – Generate a Wayfinding URL in JavaScript

You can programmatically create wayfinding URLs using the structure shown above. Here’s a basic JavaScript example:

const mapId = "1216"; // Replace with your actual Map ID

const from = {
  lat: 42.816600,
  lng: -75.545119,
  level: 0,
  name: "Start Location"
};

const to = {
  lat: 42.819458,
  lng: -75.536093,
  level: 0,
  name: "End Location"
};

const travelMode = "walking";
const ada = false;

const url = `https://map.concept3d.com/?id=${mapId}#?d/type:${travelMode};ada:${ada};` +
  `from:${from.lat},${from.lng},${from.level};` +
  `to:${to.lat},${to.lng},${to.level};` +
  `startName:${encodeURIComponent(from.name)};` +
  `endName:${encodeURIComponent(to.name)}`;

console.log(url);

This is especially useful if you’re integrating wayfinding into a custom web app or mobile app.

Frequently Asked Questions

Still Need Help?

Reach out to support@concept3d.com.