topic Re: directions widget sample enhanced to support 'click on the map to add a stop' in ArcGIS JavaScript Maps SDK Questions

directions widget sample enhanced to support 'click on the map to add a stop'

JohnGravois — Thu, 17 Apr 2014 21:37:51 GMT

hi all, ive had a few people curious about getting the directions widget to support adding stops by clicking on the map itself so i put together a basic sample in case anyone wants to check it out

http://johngravois.com/maps/directions-click.html

(just an fyi, you'll have to sign in to ArcGIS Online to do the actual routing)

Re: directions widget sample enhanced to support 'click on the map to add a stop'

ICZEMICZEM — Tue, 15 Jul 2014 16:26:16 GMT

Thank you very much for this wonderful sample!

There's one question: if I click on the map it returns stop name like "204 E 90th St". Is it possible to make it also return city name, something like "204 E 90th St New York"?

Re: directions widget sample enhanced to support 'click on the map to add a stop'

JohnGravois — Fri, 18 Jul 2014 18:57:46 GMT

you're very welcome.

as you can see from the code in that page, we aren't doing anything in the application itself to handle the reverse geocoding. based on your other post it sounds like you want to skip this part entirely, but if you really wanted to get that level of control i guess you could update the string manually using a method like updateStop()

Re: directions widget sample enhanced to support 'click on the map to add a stop'

ICZEMICZEM — Sat, 19 Jul 2014 18:53:16 GMT

Thanks, John!

We're using our own locator so we have solved this problem by editing 'reverse geocoding' section in the locator style file.

As for my other question - no, we don't want to skip geocoding... In fact we would be happy to use only geocoding but unfortunately we have many important roads with no names and no addresses nearby So now I see maybe 2 solutions: using Route Task or creating geolocator for every road segment. But we just hoped for the most convenient way out - to translate coordinates of the clicked point to Directions dijit stops even if 'location could not be found' by geocoder. This point could have a name 'unknown stop' of something like that.

Re: directions widget sample enhanced to support 'click on the map to add a stop'

JeffPace — Sun, 12 Dec 2021 02:03:20 GMT

Hey john,

I am going to try to integrate this with my code, hope it makes it into core eventually.

Two quick questions.

1. When i move a stop, the stop display turns to coordinates (I am using my own geocoding, geometry and routing services). A successful reverse geocode call is made with a single address, but the display never updates.. any ideas?

2. My print page is not printing an overview map. Not sure how to even troubleshoot.

Thanks!

Jeff

John Gravois‌

  var geometryService = window.location.protocol+'//'+window.location.hostname+"/arcgis01/rest/services/Utilities/Geometry/GeometryServer";
                             var locatorUrl = window.location.protocol+'//'+window.location.hostname+"/arcgis01/rest/services/tools/AGSStreetOnly/GeocodeServer";
                           var locatorUrl2 = window.location.protocol+'//'+window.location.hostname+"/arcgis01/rest/services/tools/AGSParcel/GeocodeServer";
                           var routingUrl = window.location.protocol+'//'+window.location.hostname+"/arcgis02/rest/services/routing/routing/NAServer/Route";
                           var printUrl = window.location.protocol+'//'+window.location.hostname+"/arcgis01/rest/services/Utilities/PrintingTools/GPServer/Export%20Web%20Map%20Task";
                          



function createDirections() {
                                    var options = { 
                                    autoComplete:true, 
                                    arcgisGeocoder: false, 
                                    geocoders:[{ 
                                      url: locatorUrl ,
                                      name:"centerlineLocator"
                                    } ]
                                  }; 
                                      var directions = new Directions({
                                        map: map,
                                        routeTaskUrl:routingUrl,
                                        printTaskUrl:printUrl,
                                        showSegmentPopup:false,
                                        directionsLengthUnits:"MILES",
                                        geometryTaskUrl:geometryService,
                                        geocoderOptions: options 

                                    }, "directionsDiv");


                                    directions.startup();
                                }

Re: directions widget sample enhanced to support 'click on the map to add a stop'

KellyHutchins — Tue, 16 Dec 2014 18:44:52 GMT

Jeff and John the ability to click on the map to add stops will be in the next release (due very soon) of the ArcGIS API for JavaScript (version 3.12) .

Re: directions widget sample enhanced to support 'click on the map to add a stop'

JeffPace — Wed, 17 Dec 2014 20:37:07 GMT

Thats awesome Kelly Hutchins!! Thank you.

Still not sure why my Stop is not updating the location with the reverse geocode address though, or why my overview map is not showing.

Help.

Re: directions widget sample enhanced to support 'click on the map to add a stop'

KellyHutchins — Fri, 19 Dec 2014 21:51:15 GMT

Jeff

Do you have a test app that shows the issue you are having with the overview map and reverse geocode?

Re: directions widget sample enhanced to support 'click on the map to add a stop'

JeffPace — Mon, 22 Dec 2014 20:24:54 GMT

Manatee County GIS Mobile Server

Directions are on the tools tab on the left. Add two addresses, for example

1112 Manatee Ave W, Bradenton

2027 Manatee Ave W, Bradenton

And then move one of the points. It will show coordinates. Fiddler and Firebug show the reverse geocode is called and that an address is returned, it just doesnt update the box.

Re: directions widget sample enhanced to support 'click on the map to add a stop'

KellyHutchins — Mon, 22 Dec 2014 20:59:46 GMT

Jeff,

I can reproduce the issue with your app but not with the Directions sample in the help. Are you able to reproduce with the sample? If not then maybe try adding some of your custom logic to the sample until it breaks. This will give us a small bit of code that easily allows us to reproduce the issue and troubleshoot the problem.

ArcGIS API for JavaScript Sandbox

Re: directions widget sample enhanced to support 'click on the map to add a stop'

JeffPace — Sun, 12 Dec 2021 02:03:23 GMT

Ok i was able to reproduce in the sandbox

I get a reverse geocode result

{"address":{"Street":"325 21ST ST W","City":"Bradenton","ZIP":"34205"},"location":{"x":-9193059.6560794469,"y":3185651.2728893212,"spatialReference":{"wkid":102100,"latestWkid":3857}}}

But it doesnt update the box. Clicking to add a point also adds at coordinates instead of address.

Printing with overview map works however, so that must be on my end

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
    <title>Directions Widget</title>
    <link rel="stylesheet" href="http://js.arcgis.com/3.12/dijit/themes/claro/claro.css">
    <link rel="stylesheet" href="http://js.arcgis.com/3.12/esri/css/esri.css">
    <style>
      html, body, #map {
        height:100%;
        width:100%;
        margin:0;
        padding:0;
      }
      body {
        background-color:#FFF;
        overflow:hidden;
        font-family:"Trebuchet MS";
      }
    </style>


    <script src="http://js.arcgis.com/3.12/"></script>
    <script>
      require([
        "esri/urlUtils", "esri/map", "esri/dijit/Directions", 
        "dojo/parser", 
        "dijit/layout/BorderContainer", "dijit/layout/ContentPane", "dojo/domReady!"
      ], function(
        urlUtils, Map, Directions,
        parser
      ) {
        parser.parse();
        //all requests to route.arcgis.com will proxy to the proxyUrl defined in this object.
        //urlUtils.addProxyRule({
       //   urlPrefix: "route.arcgis.com",  
       //   proxyUrl: "/sproxy/"
       // });
       // urlUtils.addProxyRule({
      //    urlPrefix: "traffic.arcgis.com",  
      //    proxyUrl: "/sproxy/"
      //  });
      var geometryService = "http://www.mymanatee.org/arcgis01/rest/services/Utilities/Geometry/GeometryServer";
 var locatorUrl = "http://www.mymanatee.org/arcgis01/rest/services/tools/AGSStreetOnly/GeocodeServer";
                           var routingUrl = "http://www.mymanatee.org/arcgis02/rest/services/routing/routing/NAServer/Route";
                           var printUrl = "http://www.mymanatee.org/arcgis01/rest/services/Utilities/PrintingTools/GPServer/Export%20Web%20Map%20Task";
       var map = new Map("map", {
          basemap: "streets",
          center:[-98.56,39.82],
          zoom: 4
        });
      
        var options = { 
                                    autoComplete:true, 
                                    arcgisGeocoder: false, 
                                    geocoders:[{ 
                                      url: locatorUrl ,
                                      name:"centerlineLocator"
                                    } ]
                                  }; 
                                      var directions = new Directions({
                                        map: map,
                                        routeTaskUrl:routingUrl,
                                        printTaskUrl:printUrl,
                                        showSegmentPopup:false,
                                        directionsLengthUnits:"MILES",
                                        geometryTaskUrl:geometryService,
                                        geocoderOptions: options 

                                    }, "dir");


                                    directions.startup();
      });
    </script>
  </head>
  <body class="claro">
    <div data-dojo-type="dijit/layout/BorderContainer" 
         data-dojo-props="design:'headline', gutters:false" 
         style="width:100%;height:100%;">
      <div data-dojo-type="dijit/layout/ContentPane" 
           data-dojo-props="region:'right'" 
           style="width:250px;">
        
        <div id="dir"></div>
      </div>
      <div id="map" 
           data-dojo-type="dijit/layout/ContentPane" 
           data-dojo-props="region:'center'">
      </div>
    </div>
  </body>
</html>

Re: directions widget sample enhanced to support 'click on the map to add a stop'

JeffPace — Tue, 23 Dec 2014 19:16:30 GMT

I may have found something

If you "click to add a stop" within the bounds of my geolocator, it adds the coordinates in web mercator.

If you add one outside (say Naples to the south) it adds Lat/Long to the Display.

Re: directions widget sample enhanced to support 'click on the map to add a stop'

DavidColey — Tue, 23 Dec 2014 21:28:40 GMT

Jeff, I can confirm your findings as well, using my local WebMercator geolocator along with my local routing service. I also found that if you move the origin stop on the map, I have to also move the destination stop or the route will nor draw. If I move just the destination stop around, the route will continue to recalc and draw. Valueso outside my geocoder extent populate lat lon values in the boxes

Also, does anyone know how to get at the interactive controll so I can disable my pop up while it is active?

Re: directions widget sample enhanced to support 'click on the map to add a stop'

JeffPace — Fri, 02 Jan 2015 17:56:54 GMT

David,

Thanks for reproducing. Anyone else having the issue with local geocoders?

Kelly Hutchins‌

Re: directions widget sample enhanced to support 'click on the map to add a stop'

KellyHutchins — Mon, 05 Jan 2015 17:36:30 GMT

Jeff

Glad you were able to find out more info about this issue. Sounds like an issue that should be reported to support so they can investigate and submit a bug for this issue if necessary.

Re: directions widget sample enhanced to support 'click on the map to add a stop'

JeffPace — Mon, 05 Jan 2015 19:44:21 GMT

Submitted to support

Re: directions widget sample enhanced to support 'click on the map to add a stop'

JeffPace — Wed, 21 Jan 2015 20:05:43 GMT

Defect ID: BUG-000084635