Embedded maps

Your course, live on your own website.

A 3D, interactive course map that runners can drag, tilt and explore, with elevation, aid stations and a GPX download. Paste one line of code. Change the course, and the map on your site changes too.

No credit card to build and preview. Embedding starts at $7/month with 500 map loads included.

This is a real embed — drag, zoom and tilt it.

Used by

  • Swiss Alps 100
  • KH Races
  • Run Woodstock
  • Harrisonburg Half Marathon
  • Wilmington NC Marathon
Features

More than a line on a map.

The things runners ask about a course — how steep, where the water is, where to turn — are on the map itself.

The elevation chart, projected onto the map

The elevation profile stands up along the course line, so runners see each climb where it happens — not only in a chart below the map. We know of no other mapping platform that does this.

An elevation chart linked to the map

Move along the chart and the map follows. Your aid stations show as marks on the chart, so runners know what comes after each climb.

Points of interest

Aid stations, water, parking, medical and crew access, with their names on the map if you want them. About points of interest

Course cues New

Small marks on the course line with directions and warnings — "cross here", "turnaround", "watch for traffic". Runners tap one to read it. About course cues

Also: 3D terrain · distance markers · a GPX download button · full screen · miles or kilometres · surface details (trail or paved) in some countries.

Make it yours

Same course. Your look. Your features.

Pick a base map, set your colors, and turn each feature on or off. Most directors pick a style and are done in two minutes.

Turn on what your runners need

  • Distance and elevation in the header
  • Elevation chart, with or without your POIs
  • 3D terrain, with exaggeration
  • The elevation chart projected onto the map
  • Distance markers, at your interval
  • POI titles on the map
  • Surface details
  • GPX download button
  • A course menu for events with many distances
  • Start animation, bearing and pitch
  • Miles or kilometres
  • Up to 3 styles runners can switch between

Set your own colors for the line, the start and finish, the POIs and the chart. About map styles

Set and forget

Edit the course once. Every embed updates.

Course changes go live

The embed always draws your race's current course. There is nothing to paste again.

Next year, same code

When your event moves to next year's edition, an embed that follows the latest edition moves with it. Some of our embeds from 2021 still show this year's course.

One map for every distance

Embed the whole event, and runners switch between the 10K, the half and the full from a menu.

Cost control

You pay for runners, not page views.

The map loads when someone wants it

A light preview shows first — a plain screen, a picture of your course, or your own image. The map loads, and counts, only when someone clicks it.

Your site only, your limits

Lock the map to your own website so no one else uses your loads. Ask us for a spend cap if you want one. Your dashboard shows loads, visitors and devices. How usage works

How it works

On your site in three steps.

1

Build your course

Upload a GPX or draw it, and add your aid stations. Read the guide

2

Pick a style and features

Start from a style or a saved template, then turn features on or off. Preview it free.

3

Paste the code

Copy one line into your website. It works anywhere that accepts an iframe.

<iframe src='https://www.hellodrifter.com/embedded/v1/your-map' width='100%' height='600' style='border:0' allowfullscreen></iframe>
Questions

Good to know

Do I need a plan to try it?

No. Building and previewing a map is free. You need a Pro plan to put it on your own website.

What is a map load?

One time a visitor opens your map. Pro Starter includes 500 a month, then $0.01 each. Pro Premium includes 5,000, then $0.007 each. How usage works

What if I change the course?

The embed shows the new course right away. The code on your site stays the same.

Can someone copy my map to their own site?

Not if you restrict it. Add your website's address and the map loads only there.

Can I share it without a website?

Yes. The embed link also opens as a full-screen map page you can share anywhere.

Give runners the map your course deserves.

$7/month, 500 map loads included, then $0.01 each. Pro Premium for big events.