Service area map on service detail page. - Githubissues

Mike-Heneghan / ALISS

ALISS (A Local Information System for Scotland) is a service to help you find help and support close to you when you need it most.

https://aliss.org

0 stars 0 forks source link

Service area map on service detail page. #82

Closed Mike-Heneghan closed 4 years ago

Mike-Heneghan commented 5 years ago

Currently, there is some misunderstanding around service results which have a physical location but also a service area.
A service may have a headquarters in a different location to the user but have the capacity to do home visits etc.
The mismatch of service locations and the user's location can lead the user to think the result is incorrect.
To inform the user that the service may still be able to help them due to their service area coverage, a map could be generated on the service detail page which uses geoJSON data to represent the service area they cover.
Leaflet JS (https://leafletjs.com/) and OpenStreetMap (https://www.openstreetmap.org/#map=7/57.622/-3.654)

Mike-Heneghan commented 5 years ago

Leaflet example rendering US States: https://leafletjs.com/examples/choropleth/example-basic.html

Mike-Heneghan commented 5 years ago

To Keep In Mind:

We want the loading of the geoJSON to be async.
It would be good to selectively load geoJSON based on the service area.
Need to move the boundary_data to the static folder.
Make sure we give the correct attribution to the open source resources used.

Mike-Heneghan commented 5 years ago

To do:

[x] Try to render any map on a service detail page if there is a service area.
[x] Try to load a geoJSON file to render a representation of a service area.

Mike-Heneghan commented 5 years ago

Wrote a method which takes in a service area and returns a geoJSON feature as an easy way to return data.

Rendered a scottish_local_authority service area on the map of Scotland.

Screenshot 2019-06-29 at 12 05 37

Screenshot 2019-06-29 at 12 06 33

Mike-Heneghan commented 5 years ago

The ServiceArea model has a ServiceArea.code pertaining to the specific region and a ServiceArea.type based on the data set.

Rather than serving data sets and processing in the browser could instead use the ServiceArea type and code to selectively return the geoJSON feature to overlay on the map.

Mike-Heneghan commented 5 years ago

Rendering multiple areas from different data sets:

Screenshot 2019-06-29 at 13 58 16

Mike-Heneghan commented 5 years ago

Could be useful for rendering UK and Scotland Boundaries: http://geoportal.statistics.gov.uk/datasets/countries-december-2017-ultra-generalised-clipped-boundaries-in-uk

Mike-Heneghan commented 5 years ago

To do:

[ ] Try to figure out a good way to set map centre and zoom.
[ ] Try to find more clipped data to reduce file sizes.
[x] Find boundary data for UK boundary.
[x] Find boundary data for Scotland and find a way to render using the country data.
[ ] Test methods

Mike-Heneghan commented 5 years ago

Added clipped data set and support for Scotland and United Kingdom as service areas:

Screenshot 2019-06-29 at 17 31 38

Screenshot 2019-06-29 at 17 31 24

Mike-Heneghan commented 5 years ago

Moved the code to query the DB for ServiceArea geoJSON features to an api view.

[x] Need to update the view to no longer pass this data in the context.
[x] Need to make a request to the API for ServiceArea features as per place api calls.
[x] Need to test page loads and look for opportunities to improve performance.
[x] Optimise the loading of map data on document ready. (improved)
[x] Test the API call for geoJSON feature.

Mike-Heneghan commented 5 years ago

[x] Due to the change in the git history of the project need to move the code from the service area branch to a new branch from the updated history master.

Mike-Heneghan commented 4 years ago

Merged into master