Styling Natural Earth with GeoServer and GeoCSS
This is a modal window.
The media could not be loaded, either because the server or network failed or because the format is not supported.
Formal Metadata
| Title |
| |
| Title of Series | ||
| Number of Parts | 351 | |
| Author | ||
| License | CC Attribution 3.0 Unported: You are free to use, adapt and copy, distribute and transmit the work or content in adapted or unchanged form for any legal purpose as long as the work is attributed to the author in the manner specified by the author or licensor. | |
| Identifiers | 10.5446/69115 (DOI) | |
| Publisher | ||
| Release Date | ||
| Language | ||
| Production Year | 2022 |
Content Metadata
| Subject Area | ||
| Genre | ||
| Abstract |
| |
| Keywords |
00:00
Cross-site scriptingPresentation of a groupServer (computing)GeometryXML
00:06
SoftwareSource codeComputer animation
00:12
BlogOperations support systemSource codeSoftwareRadiusComputer fontCross-site scriptingCompact spaceFormal languageVector spaceServer (computing)Public domainFormal languageFitness functionWave packetScaling (geometry)Raster graphicsComputer animationSource code
01:02
Set (mathematics)Computer animation
01:13
SoftwareSource codeProcess (computing)Boundary value problemPlane (geometry)Design by contractStictionWebsiteState of matterRankingScale (map)Multiplication signGraph coloringBitDampingHierarchyState of matterNatural numberComputer animationTable
01:57
Source codeClique-widthSample (statistics)Graph coloringFraction (mathematics)Scaling (geometry)Functional (mathematics)Source code
02:53
Computer animation
02:58
Computer fontComputer to plateSource codeSoftwareDifferent (Kate Ryan album)PhysicalismResultantCASE <Informatik>Raster graphicsComputer animation
03:34
Set (mathematics)Computer animation
03:38
Source codeSoftwareRepository (publishing)Branch (computer science)XMLUMLComputer animation
Transcript: English(auto-generated)
00:02
OK, so this presentation is about starting natural alert with GeoServer CSS. So first, a couple of introductions. Natural Alert, if you haven't stumbled into it yet, is a public domain data set available at three different low-scale variants.
00:24
It features a style-integrated vector and raster data set that you can use to make low-scale maps. GeoServer CSS is a CSS-inspired language for map styling. It's compact, powerful, human-readable, and most importantly, human-brightable. So what was the challenge here?
00:42
We wanted a significant but not too complicated base map that we could use in training, in our training package. We already had OSM styles that mimics the OpenStreetMap styling. The problem is it's nice, but it's too complicated. It wouldn't fit in four hours. The styles are too big, too long, and too
01:01
difficult to explain. So we wanted something simpler based on a small data set, and we started doing this map of Natural Alert. We started with a political map. You can see the map. It has a hierarchy of labeling, colors of the
01:20
states that do not overlap with each other. You can zoom in, get a bit more detail, and then oops, sorry, even more detail, and even more detail, leveraging the various data set at the various scales. As you can see, it ends up being made up of a bunch
01:44
of layers that are all provided by Natural Alert, and we typically are able to explain how to build this style from scratch in like four hours. I don't have time to give you all the specifics, but just one example.
02:01
Here is the style for the countries. In particular, the style for the countries at let's say 50 million. We are limiting the scale denominator between 20 and 70 million because, well, our map is not limited, just 10, 50, and 100. You can see usage of a few functions to change
02:20
the colors. I typically like to start from name the color and then make them darker, lighter, desaturated, and stuff like that. I use the color brewer to create the seven color that are powering the map, and then you can look at stuff like labeling with labeling priority
02:42
and based on the population so that we are sure to label the most populous countries first and the others after that. We are also working on a physical map. The physical map is a different challenge in that we are basically using a raster layer,
03:03
which is let's say our physical map, and everything else is just labeling on top of it. So we are taking all the physical layers from Natural Alert and basically trying to extract as many labels as possible, maintaining the map readable.
03:20
And I just started working on it. You can see a first result at two different scales. I'll have still to work on the 10 million case. Okay, so how do you get this set of styles? It's on GitHub, of course.
03:41
You can go to the GeoSolutions repository and look for any styles. The physical map is currently on a branch because it's not done. It's not complete, but it's all there. And that's it. Perfect, thank you. Thank you.