Map: improve representation of small states

[tmfrnz]

A few questions for you @hohuuhuy:

Would you like us to (a) enhance the country map only visually (i.e. so that the markers for small states just show up automatically without the option to disable or enable them) or (b) also add a settings panel for users to configure the country representation (i.e. as we have done for the navigator pictured below)?

Also, are there any states or countries that you are currently tracking in the advocacy tracker, not included in the navigator?

Thanks!

[tmfrnz]

via email:

Hi Timo. It's a bit different with the Tracker, as we want the markers to automatically should for all small states, including those that do not have supporting positions. We don't need a toggle to show all states by markers

[tmfrnz]

TODO

• [x] add zoom level attribute to country-point JSON file (https://github.com/dumparkltd/advocacy-tracker-client/commit/5bdc509cd4bcd917dc3949ded0454fe1e1083986)
• [x] prepare country point data (https://github.com/dumparkltd/advocacy-tracker-client/commit/6e9719cdca5088008237c07831acefda6355e226)
• [x] show country point data as markers (or circles to start with) on map, adding a new function getPointLayer to app/containers/MapContainer/utils.js (similar to getPointLayer in https://github.com/WWF-Deutschland/marine-plastic-explorer/blob/gh-pages/app/containers/Map/utils.js#L492)
• [x] set style/color in getPointLayer similar to how we do it for the country areas in https://github.com/dumparkltd/advocacy-tracker-client/blob/master/app/containers/MapContainer/MapWrapper.js#L355 (this should ideally/eventually also be moved to its own function "getAreaLayer" in utils.js)
• [x] limit country point data to those features where "marker_max_zoom" is set and larger than (or equal) the current zoom level (see "filterFeatureMaxZoom" in https://github.com/WWF-Deutschland/marine-plastic-explorer/blob/gh-pages/app/containers/Map/utils.js#L480)