Draft: maps

[puzzlewolf]

Use leaflet.js to embed an OpenStreetMap map, if the lat and long fields of a concert are populated. I found another project (https://github.com/xtk93x/Leaflet.TileLayer.ColorFilter) to change the map colors to match or theme more closely, I think it looks nice :)

GDPR requires claiming legitimate use. Others do so, e.g. here, and the OSM foundation says the same.

Remaining todo:

• css for the map widget, I just hardcoded width=100% and chose a random height that looked okay
• we could use a different color for the marker and links in the copyright line?
• I think a user expects the map link somewhere, mostly probably google maps. Do we want to do that? Where else?
• Add language to privacy statement

[netlify]

✔️ Deploy Preview for agitated-sinoussi-fd6eb8 ready!

🔨 Explore the source changes: 028fa08

🔍 Inspect the deploy log: https://app.netlify.com/sites/agitated-sinoussi-fd6eb8/deploys/62237a7d2f69c90007cd29b8

😎 Browse the preview: https://deploy-preview-23--agitated-sinoussi-fd6eb8.netlify.app

[heinrob]

Remaining todo:

* [ ]  css for the map widget, I just hardcoded `width=100%` and chose a random height that looked okay

I think we want to merge the general concert layout and the map branch to have a two column layout. Or is it weird to have a map in portrait format?

* [ ]  we could use a different color for the marker and links in the copyright line?

Maybe some kind of corporate color scheme? Hovering over links is colored too, maybe we can pick a small palette?
The Adobe Color wheel yields 5 colors always matching quite nicely, which should be enough to start with.

* [ ]  I think a user expects the map link somewhere, mostly probably google maps. Do we want to do that? Where else?

Do you mean when the user clicks on the map?

* [ ]  Add language to privacy statement

[puzzlewolf]

Remaining todo:

* [ ]  css for the map widget, I just hardcoded `width=100%` and chose a random height that looked okay

I think we want to merge the general concert layout and the map branch to have a two column layout. Or is it weird to have a map in portrait format?

You can merge the new layout, rebase this PR and figure out the map layout. We'll have to see if portrait maps are too weird :)

* [ ]  we could use a different color for the marker and links in the copyright line?

Maybe some kind of corporate color scheme? Hovering over links is colored too, maybe we can pick a small palette? The Adobe Color wheel yields 5 colors always matching quite nicely, which should be enough to start with.

I'm not sure I'd want to spend time on that. The blues aren't too different, good enough for me right now. Thanks for creating #28, for later :)

* [ ]  I think a user expects the map link somewhere, mostly probably google maps. Do we want to do that? Where else?

Do you mean when the user clicks on the map?

Yes. I found qwant maps. It's made in France, FOSS, privacy preserving, uses OSM, looks nice and seems to have a decent navigation. What do you think?

* [ ]  Add language to privacy statement

Meh, yes. Will add this later today