On the 21st November I gave a talk at the EdinburghJS Meetup, hosted by Jamie McHale in Fanduel, Edinburgh. I was invited to give an introduction to Esri technology and the ArcGIS Maps SDK for Javascript so I put together a simple demo that shows how to build a web app showing the location of trees within Edinburgh, using data from Edinburgh City Council. I included a service area operation (using an Esri hosted routing service) to display polygons reflecting an area you could walk to within 15 minutes, in order to show where two friends could meet from different locations within a 15 minute walk on a lunch time, and what trees they could see in the area of overlap.
You can watch the livestream recording of the talk and demo here.
You will require an API Key from developers.arcgis.com to run this app and to authenticate the basemap and routing service. After forking the repo, simply run the index.html file in your browser.
Use the basemap gallery widgit in the top right corner to change the basemap. Use the widget on the left side of the app to add the tree data with "Add tree layer". Click on the map to add locations plus their 15 min walk time polygon. Add two points on the map, then use "Find common areas" to find any overlap between the 15 min isochrones. An alert will appear to inform you how many trees are in that overlap area, and trees outside that area will be hidden.
To see a simplified version of the trees using feature reduction, or clustering, use "Cluster data". Remove that effect with "Remove cluster effect". Reset the app with "Reset". Hover the mouse over any tree data when the clustering effect isn't active to see pop up information about the tree.
This app brings in data from an ArcGIS hosted feature service created with data from Edinburgh City Council. The data layer was created by combining City of Edinburgh council tree data with University of Edinburgh campus tree data for King's Buildings and Pollock Halls. The tree data is Copyright City of Edinburgh Council, contains Ordnance Survey data © Crown copyright and database right 2023, used under the Open Government License v3.0 Copyright University of Edinburgh, 2023.
Built using the ArcGIS Maps SDK for Javascript and components from the Calcite Design System.