policerewired / cvth-groups-map Goto Github PK
View Code? Open in Web Editor NEWMapping of crowdsourced local support for those isolating from COVID-19.
Home Page: https://www.policerewired.org/home/covid-19/communities
Mapping of crowdsourced local support for those isolating from COVID-19.
Home Page: https://www.policerewired.org/home/covid-19/communities
Information about the local policing neighbourhood team for most pins on the map is available through the source data sheet in columns:
Let's add these to the InfoWindow
where they are available (see maptools.js:124
).
Suggested UX:
mailto:
link for the email, and the email address itself visible to the userNB. The columns are mapped to properties on the community
object. I've not yet checked what happens to spaces in column names.
We have access to a crowdsourced open data set of council community hubs. You can get this in CSV format at a reliable URL by publishing the google sheet. (I can do that if needed, or show you how it's done.)
Let's either add them as a new source on the map, or allow the map to select between sources through the querystring to display either the council hubs or volunteer communities.
This is slightly more complex than some of the other enhancements to the map, so please let me know if you're looking at it - I'd be glad to help plan it with you.
Add a control to the map that allows the user to type a location, part of a location, or the partial name of a community - geocode the address provided (or use the location of a named community) and then zoom/pan to that location on the map.
NB. Google offer autocomplete as a part of their APIs - and this might make a good addition to the control. There are plenty of examples of this used with their geocoding APIs to help users select a real location to geocode.
NNB. If it's not trivial to combine addresses and communities in the same autocomplete, just do one or the other, and we can compose a control that allows the user to select between the two options.
It would be helpful to be able to embed the map with some default parameters, and provide those parameters through the querystring.
?sources=facebook,whatsapp
?centre=nn.nnnn,nn.nnnn&zoom=n
We should fall back on the defaults we already have if the querystring parameters aren't provided.
NB. our current default centre is set to: lat: 55.3781, lng: -3.436
and default zoom is 6
.
Let's add a few more filtering options to help users:
However we choose to do it, the UX should be simple and easy to change.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.