Routes

Click on two points on the map to designate starting point and destination. You will see a popup with driving directions!

About this sample

This GeoBlazor Pro sample, written in Blazor for .NET developers, demonstrates routing and turn-by-turn directions from the ArcGIS Maps SDK for JavaScript exposed through GeoBlazor Pro's RouteService together with the GraphicsLayer and CustomOverlay Razor components. The page shows a 2D dark human-geography basemap centered on Redlands, California, with a Clear button positioned above the map. The user clicks two or more locations on the map; each click drops a white cross stop marker, and once at least two stops exist the sample calls RouteService.Solve against the world routing service and renders the resulting route as a translucent blue polyline. A directions panel pinned in the upper-right corner of the map lists each maneuver with its distance in miles, and the Clear button removes all stops, the route, and the directions. The sample is intended to demonstrate point-and-click route solving and step-by-step driving directions with the ArcGIS World Route service.

🚧 Heads up: Some samples are currently offline due to a token issue with ArcGIS. We are working with ESRI to resolve.