Turn a page on your website into an interactive mobile map people can follow on the trail!

How to do it

Start using our map in your site!

You and others in your community can do things like keep trail conditions updated, upload images of trail signs, and create trailhead markers just to name a few. If you have a web team, or even it it's just you, it's super simple to put into a page. We even give you a few options for how to do it...

1 embed it directly

Step 1
include the css in the head section of your page:
<link rel="stylesheet" type="text/css" href="//cdn.traildock.com/sdks/js/stable.min.css" />
Step 2
include the javascript at the bottom of the body section:
<script type="text/javascript" src="//cdn.traildock.com/sdks/js/stable.min.js"></script>
Step 3
then, wherever you actually want the map in your page body:
<div id="traildock-map"
     width="100%"
     height="400px"
     data-latitude="38.869715"
     data-longitude="-106.987823"
     data-zoom="15"
     data-locate="yes"
     data-tiles="traildock"></div>

There are a number of attributes/options you can set on this embed to customize it to your needs. See our Javascript SDK documentation for more info on that

2 make a window to our site

We recommend the embed method over an iframe if you can, but this one's here for those who might need it.

Step 1
simply include the following in your HTML page
<iframe src="https://www.traildock.com/map"
        width="100%"
        height="400px"
        style="border:none;"></iframe>

We expose many of the same options for the iframe that we do for the embed. You use them by passing them in as query parameters to the src attribute of the iframe. Here's an example with all options filled in:

<iframe src="https://www.traildock.com/map?latitude=38.869715&longitude=-106.987823&zoom=15&locate=yes&tiles=traildock"
        width="100%"
        height="400px"
        style="border:none;"></iframe>

What is Traildock?

Data

We've designed a data platform that will support growing public trail data. It's open source and designed to be accessible to all. We believe that making it easier to develop other products around our data platform is key to keeping that data usable and maintained.

Applications

And of course we use our own data platform too while developing applications and tools. From user-facing interactive maps on the web and in your mobile device, to sdks and other developer tools, we want to make working with our platform a pleasure.

Services

Field work will always be an important part of keeping trail data accurate. We realize that some areas might need our help in gathering map information and trail data. That's why we'll be here to help with that stuff too.

What's next?

We're currently hard at work on integrating interactive routes and trails into our map. Expect that early fall of 2017. We'll have a way for users to create new trails and routes, update existing ones, or just see and interact with trails in their area, including info about supported activities and elevation profiles.

Native app development for both iOS and Android is well underway. We're aiming for a release of new native apps in early fall as well. Native app functionality will include things useful to you while out on the trail, including recording tracks, submitting trail condition reports, and uploading images.