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; } } }

Directions widget &amp;quot;getDirections()&amp;quot; method does not route

JamesSampica

When my map loads I want to have the route automatically calculated and displayed without clicking the "Get Directions" button.

on https://developers.arcgis.com/javascript/jsapi/directions-amd.html#getdirections is lists the method getDirections() that says will automatically route and display the inputs.

directions = new Directions({                     map: map,                     stops: ["Knoxville ", "Chattanouga"], },"directionsDiv"); directions.startup(); directions.getDirections();

I load the inputs using "stops" parameter and call getDirections() but it does not display or route anything and instead gives me "Enter an origin and a destination." despite both inputs being correctly filled. If I click the button with the same inputs it will give me the correct route.

JSFiddle
http://jsfiddle.net/shoe788/XLSqF/

Trouver plus de publications taguées avec

Accepted answers

JonathanUihlein

Hey James,

It looks like this is an unintended bug. It will be fixed in the next version.

In the meantime, here is a work-around using one of the internal ("private") functions.

                   var directions = new Directions({                     map: map                 }, "dir");          directions.on("load", function(){           directions._updateStops(["Knoxville ", "Chattanouga"]).then(function(stops){             console.log("stops object: ", stops);             directions.getDirections();           });         });

Note: For this work-around, don't set the 'stops' parameter in the Direction widget constructor.
We are using the deferred returned by _updateStops() to confirm that the stops have been properly loaded.

All comments

JonathanUihlein

Hi and welcome to the forums!

Are you waiting for both the DOM and the map to load before calling getDirections()?

JamesSampica

Hi and welcome to the forums!

Are you waiting for both the DOM and the map to load before calling getDirections()?

This could be the issue. If I attach `getDirections()` to a button and click it after the map loads, it works fine.

How can I make sure the map is loaded before calling getDirections()?

JonathanUihlein

You can use DOJO's AMD style event listener, on, and listen for the 'load' event that the map emits.

http://dojotoolkit.org/reference-guide/1.9/dojo/on.html#dojo-on

Blog:
http://dojotoolkit.org/documentation/tutorials/1.9/events/

          on(map, "load", function(){
            // the map has been loaded, do the following
            directions.getDirections();
          });

edit*

This should also work (same thing written differently).

          map.on("load", function(){
            // the map has been loaded, do the following
            directions.getDirections();
          });

JamesSampica

You can use DOJO's AMD style event listener, on, and listen for the 'load' event that the map emits.

http://dojotoolkit.org/reference-guide/1.9/dojo/on.html#dojo-on

Blog:
http://dojotoolkit.org/documentation/tutorials/1.9/events/
          on(map, "load", function(){
            // the map has been loaded, do the following
            directions.getDirections();
          });
edit*

This should also work (same thing written differently).
          map.on("load", function(){
            // the map has been loaded, do the following
            directions.getDirections();
          });

The method never executes. I think the map is being loaded before the directions route is executed.

if I do this line

console.log(map.loaded);
directions.getDirections();

I get output "true" but directions does not route.

JamesSampica

Here is a JS Fiddle documenting this

http://jsfiddle.net/shoe788/XLSqF/

You can see that when the map loads all it does is output "Enter an origin and a destination." instead of executing the route

JonathanUihlein

Hey James, Thanks for that sample. I am also running into an issue getting this to work. I'll find out more and post an update.

JonathanUihlein

Hey James,

It looks like this is an unintended bug. It will be fixed in the next version.

In the meantime, here is a work-around using one of the internal ("private") functions.

                   var directions = new Directions({                     map: map                 }, "dir");          directions.on("load", function(){           directions._updateStops(["Knoxville ", "Chattanouga"]).then(function(stops){             console.log("stops object: ", stops);             directions.getDirections();           });         });

JamesSampica

Hey James,

It looks like this is an unintended bug. It will be fixed in the next version.

In the meantime, here is a work-around using one of the internal ("private") functions.
          
        var directions = new Directions({
                    map: map
                }, "dir");

        directions.on("load", function(){
          directions._updateStops(["Knoxville ", "Chattanouga"]).then(function(stops){
            console.log("stops object: ", stops);
            directions.getDirections();
          });
        });
Note: For this work-around, don't set the 'stops' parameter in the Direction widget constructor.
We are using the deferred returned by _updateStops() to confirm that the stops have been properly loaded.

Thanks for looking into this Jonathan,

I am seeing this workaround works as expected.

Thanks.

Rejoindre la conversation

Les membres connectés peuvent publier, suivre les mises à jour, et plus encore. Nouveau ici ? Inscrivez-vous gratuitement.

Liens rapides

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