Service Areas

This GeoBlazor sample, written in Blazor for .NET developers, demonstrates service-area (drive-time) network analysis from the ArcGIS Maps SDK for JavaScript exposed through GeoBlazor's MapView.SolveServiceArea method. The page shows a 2D navigation basemap centered on Osaka, Japan at zoom level 11. Above the map is an instructional paragraph telling the user to click on any point on the map to see a set of Service Areas representing 5, 10, and 15 minute drivable distance bands. When the user clicks, a small white marker is placed at the clicked point and the page calls SolveServiceArea against the ArcGIS World ServiceAreas REST endpoint with break values of 5, 10, and 15 minutes; the resulting drive-time polygons are added to the map and styled with a translucent purple fill, with previous graphics cleared on each click. The sample is intended to demonstrate solving and visualizing network service areas from a hosted routing service in a Blazor application without writing JavaScript.