nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Turn-by-turn directions... display the next step?

AndrewGianikas

I have an app I am working on which displays the map and turn by turn directions, and that is working great. I am also able to track the users current location and display the location along the map route as they progress.

What I would like to do is display the next step in the directions. Is there a way to determine the current step or next step based on the user's current coordinates? I have tried searching for this in forums and checked through the API docs but haven't had any luck yet.

Any help is greatly appreciated!

Find more posts tagged with

Accepted answers

All comments

AndrewGianikas

Thanks Kelly. I checked this out... that it is very close but I have to manually swipe to get the next step in the directions. What I am hoping is a possibility is that based on the users current location (I am watching the current location and refreshing the graphic every second) I could some how automatically determine the next step.

I was thinking since I have a graphic which represents the users location, in there a way to detect an intersection/overlap between the user location graphic and one of the route segments?

khutchins

Here's another app that is a bit old and kind of clunky but shows how to navigate through the direction steps:

https://dl.dropboxusercontent.com/u/24627279/Directions.html

Directions.html.zip

AndrewGianikas

Thank you Tom! I will check this out and let you know how it goes.

TomSellsted

Andrew,

Here is a link to an app that was created by by Vinicius Machuca for a dev summit challenge. It has code that allows you to toggle through each direction. You can probably use it or modify the code to get the next direction for your app.

100-lines-or-less-js/PocketDirections at master · Esri/100-lines-or-less-js · GitHub

Regards,

Tom

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.