Replace single water layer with natural earth data

[rene-mueller]

Remove generation of water layer and add natural earth data instead.

possibly the following articles can help as well:

• https://documentation.maptiler.com/hc/en-us/articles/9818655484433-How-to-build-an-ocean-vector-bathymetry-map-with-MapTiler
• https://medium.com/nightingale/styling-ocean-depth-data-in-mapbox-studio-c03f71ba6a2a

In association with: https://github.com/onthegomap/planetiler/issues/9

[wipfli]

Sounds like a good idea to have better water outlines. I think the Meta map style also has some nice bathymetry so it might be worth asking them how they did it...

[rene-mueller]

That's right. I've read that they also use naturalearthdata. The advantage of naturalearthdata is that it does not require attribution. :)

[rene-mueller]

@wipfli with the styling it can be done like this: https://docs.mapbox.com/mapbox-gl-js/example/style-ocean-depth-data/

[rene-mueller]

@wipfli what do you think about my first result:

[wipfli]

I think it looks beautiful

[rene-mueller]

@wipfli i have only one problem:

When the poligons merge, the following happens: Data:

Data with style:

You can inspect the data and style here: https://maps.rene-mueller.xyz/styles/landcover/

Can you eventually help?

[msbarry]

Looks like the issue is that the bathymetry polygons are sorted randomly. Best would be to sort them in the tiles by using setSortKey(depth) on the polygons to draw deeper ones on top of shallower ones. You could also do it client-side by adding layout: {'fill-sort-key': ['get', 'depth']} but doing it at generation time would save some work on the client.

[rene-mueller]

@msbarry thank you, it worked :)