Embed kepler.gl (or similar) as map viewer

[pbuttigieg]

Relates to #50

https://kepler.gl/
https://github.com/keplergl/kepler.gl

Kepler.gl offers some powerful front-end features to visualise our spatial data.

@fils has prepared a GeoJSON export as well as an H3-element based export which can be ingested into the front end for visualisation. (map image)

@petrocel @maicol07 - can we use this as to solve the MapBox issue we discussed in previous meetings?

The idea is that you can set up a kepler instance that loads the data @fils has prepared, and render that in the UI/UX.

This doesn't have to be kepler, but something similarly capable can work.

[pieterprovoost]

No experience with kepler but considering performance you may want to look into deck.gl with geoparquet as well: https://observablehq.com/@developmentseed/geoarrow-deck-gl-polygon-example (1M polygons). I think deck.gl has a much wider adoption. Maybe also consider tiling your spatial data, tippecanoe can help with that.

[fils]

@pieterprovoost thanks.. exporting to geoparquet should be easy from the current OIH resource flow. Don't know tippecanoe, but will review

[jmckenna]

The CIOOS partner has a nice viewer that leverages these grids: https://explore.cioos.ca/?lang=en

[emarzini]

@fils has prepared a GeoJSON export as well as an H3-element based export which can be ingested into the front end for visualisation. (map image)

Regarding this kind of activity, we would know better the goal and the output made by @fils and how it should influence the frontend development

[emarzini]

The CIOOS partner has a nice viewer that leverages these grids: https://explore.cioos.ca/?lang=en

Starting from the idea under the example provided by @jmckenna we build a mockup of new way to present the viewer (we can see together in the next meeting).

In parallel we build PoC regarding the usage of H3 and mapbox, without using deck.gl or kepler.gl. We have some open points to clarify, first of all the possible different data we could receive from the backend (see previous comment)

Anyway,

a screenshot of our PoC.

[jmckenna]

Very interesting @emarzini, I look forward to your demo next week.

[emarzini]

Do you have some example of MapTiles as OSM without borders? We are stuck finding someone.

[pieterprovoost]

@emarzini We have a MapBox account so we can create custom base layers, would this style work?