Styling Natural Earth with GeoServer and GeoCSS
This is a modal window.
Das Video konnte nicht geladen werden, da entweder ein Server- oder Netzwerkfehler auftrat oder das Format nicht unterstützt wird.
Formale Metadaten
| Titel |
| |
| Serientitel | ||
| Anzahl der Teile | 156 | |
| Autor | ||
| Lizenz | CC-Namensnennung 3.0 Unported: Sie dürfen das Werk bzw. den Inhalt zu jedem legalen Zweck nutzen, verändern und in unveränderter oder veränderter Form vervielfältigen, verbreiten und öffentlich zugänglich machen, sofern Sie den Namen des Autors/Rechteinhabers in der von ihm festgelegten Weise nennen. | |
| Identifikatoren | 10.5446/68550 (DOI) | |
| Herausgeber | ||
| Erscheinungsjahr | ||
| Sprache |
Inhaltliche Metadaten
| Fachgebiet | ||
| Genre | ||
| Abstract |
| |
| Schlagwörter |
FOSS4G Europe 2024 Tartu129 / 156
6
33
35
53
55
59
61
67
70
87
97
99
102
103
104
105
107
111
121
122
123
124
125
126
127
128
134
144
150
151
155
00:00
Formale SpracheNatürliche ZahlPublic-domain-SoftwareZentrische StreckungServer
00:13
SoftwareQuellcodeTextur-MappingProgrammierumgebungNatürliche ZahlMereologieInternetworkingServerZahlenbereichMailing-ListeTranscodierungProjektive EbeneFormale SpracheArbeit <Physik>GamecontrollerBitMinimumGraphfärbungFokalpunktWellenpaketGeradeOrtsoperatorVerzeichnisdienstSechseckVersionsverwaltungOffene MengeZoomDatenfeldGenerator <Informatik>VerschlingungFunktionalVerzweigendes ProgrammTypentheorieBenutzerbeteiligungVektorraumStellenringZentrische StreckungKategorie <Mathematik>SchnittmengeGruppenoperationMAPDatenstrukturMehrschichten-PerzeptronBitmap-GraphikPhysikalismusElektronisches MarketingVorlesung/KonferenzComputeranimationTabelle
04:47
RohdatenComputeranimation
Transkript: Englisch(automatisch erzeugt)
00:00
Ok, so just quickly, we prepared a full style for a political map using natural Earth data and the GeoCSS language in GeoServer. Natural Earth is a public domain map data set for low-scale mapping, which you can use as a base map for any low-scale endeavor. It features tightly integrated
00:22
vector data and raster data, and it's free to use. GeoServer CSS, or for short the GeoCSS, is a CSS-inspired language for map styling. It's compact, powerful, human-readable and human-writeable. You can see a few examples. The structure is the same syntactically as a HTML CSS, but it
00:46
talks about properties that, well, evidently come from SLD. All the properties that you see there, the names come from SLD. So we are talking about cartography, not paragraphs, not divs, not a number list, so the focus is different.
01:04
The challenge, we wanted to have a significant, yet not too complicated base map in CSS for our training package. We already have, and it's linked there, OSM styles, which is a reproduction of OpenStreetMap with GeoServer that you can use to generate OpenStreetMap in your local
01:22
production, with your local restriction and whatever, maybe to run a local GeoServer which is in a sealed environment that doesn't access the internet. It was great. The problem is that it was way too complicated. Some of the styles in OSM styles are 1,000 lines of CSS, because, well, OSM is that complicated, and it
01:43
was not useful for teaching how to use CSS. So we wanted to have something simpler, and I wanted to have something that reminded me of the old political atlases that I had as a kid printed to explore. So we took the natural alert dataset and we prepared this type of map. I'm going to show you a few
02:06
examples. You can probably see they are reminiscent of an old printed political map. And this is the highest zoom level with all the roads and so on. And one more.
02:24
So, as you can see, it's a large layer group with all the datasets starting from the 110 millions, and then the 50 millions, and then the 10 millions, selected a number of layers from natural alert. The download is easy. You can just take the natural alert quick start package, stick it into the GeoServer data directory in a well-known
02:43
position, and there you go. You have GeoServer running and serving this base map. One example style picked among the many, because it has a few interesting bits. If we look at the first stroke, you can see that I'm using named colours such as dark grey rather than a hex colour, which is nice, and I'm using a function
03:02
inspired from less CSS to darken that dark grey another 5%. The second field that you see there, it's colouring the map using seven colours. The natural alert country map has a number in a column that guarantees that if you assign a
03:25
different colour to each value, no two countries will share the same colour. I'm there using a recode to associate the various colours, then there is a lightning,
03:41
and at the bottom we have a control of the labour priority based on the population of the country, so that I'm sure that I'm displaying China first and then, you know, all the other countries and not, for example, Republic of San Marino in Italy rather than Italy itself. How about physical map? It's in the works, it's in a branch, it's basically
04:03
base raster map plus labels. It's been sitting there for a while and I'm looking for someone that would be interested to complete the work and merge it into the official version of the map. How can I get it? This is the link and the link of
04:25
the physical map version of it, and if you are ready for the strong stuff, then there is also a link to the OSM styles, which I'm displaying as the typical web marketer over Bologna, but also as an orthographic projection, as you can see, part of the globe being displayed over the same data
04:43
with the same styles. And that's it.