Navigate urban scenarios with MapStore 3D tools
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 | 156 | |
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/68502 (DOI) | |
Publisher | ||
Release Date | ||
Language |
Content Metadata
Subject Area | ||
Genre | ||
Abstract |
| |
Keywords |
FOSS4G Europe 2024 Tartu83 / 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
SoftwareSource codeGamma functionLevel (video gaming)SoftwareOpen sourceStandard deviationEnterprise architectureClient (computing)Wave packetOpen setProduct (business)Military baseData storage deviceService (economics)Server (computing)Software developerCore dumpSource codeBasis <Mathematik>Lecture/ConferenceComputer animation
01:13
SoftwareSource codeView (database)Ewe languageCASE <Informatik>Level (video gaming)Data storage deviceSoftware frameworkIndependence (probability theory)Endliche ModelltheorieWordShared memoryStandard deviationFlow separationServer (computing)MappingOpen sourceWeb 2.0Order (biology)Library (computing)Source codeOpen setCartesian coordinate systemSuite (music)Instance (computer science)Web pageComputer animation
02:48
Source codeEndliche ModelltheorieTesselationView (database)Level (video gaming)GeometryDialectGraphical user interfaceVector spaceAttribute grammarMeasurementInstance (computer science)Point (geometry)Service (economics)Data storage deviceRevision controlComputer animation
04:29
Level (video gaming)View (database)Presentation of a groupComputer animation
04:53
Theory of everythingAsynchronous Transfer ModeExecution unitSource codeWeb pageNormed vector spaceTesselationLevel (video gaming)Instance (computer science)Data storage deviceType theoryWordView (database)MappingPresentation of a groupPosition operatorDescriptive statisticsMereologyComputer configurationOrder (biology)Auditory maskingOcean currentWebsiteMixed realityGeometrySystem administratorLoginComputer fileComputer animation
08:19
Source codeProjective planeInformationTesselationAreaDescriptive statisticsEndliche ModelltheorieObject (grammar)ResultantSlide ruleMereologyView (database)Level (video gaming)Computer animation
09:28
Source codeSoftwarePlanningAlgebraSlide ruleOrder (biology)TesselationElectronic visual displayVisualization (computer graphics)ResultantMultiplication signEndliche ModelltheoriePresentation of a groupAreaInstance (computer science)Computer animation
11:04
Normed vector spaceSource codeSoftwareTwin primeAlgebraMobile WebLevel (video gaming)Different (Kate Ryan album)Instance (computer science)Theory of relativityTesselationSlide ruleEndliche ModelltheorieMereologyMultiplication signWorkstation <Musikinstrument>Order (biology)Representation (politics)Computer animation
13:13
Normed vector spaceSource codeSoftwareComputer-generated imageryWritingView (database)Level (video gaming)AreaPresentation of a groupPoint (geometry)View (database)Order (biology)Event horizonLine (geometry)TesselationPolygonAdditionWorkstation <Musikinstrument>BuildingSlide ruleComputer iconOpen setFunctional (mathematics)Data storage deviceMultiplication signInstance (computer science)Image registrationSymbol tableQuicksortWeb pageInformationResultantGraph coloringDirection (geometry)2 (number)Computer animation
18:28
Source codeSoftwareResultantView (database)Slide ruleLevel (video gaming)BuildingPoint (geometry)Event horizonOrder (biology)AreaImage registrationZoom lensComputer animation
19:15
Source codeSoftwareData storage deviceSoftware developerCASE <Informatik>Revision controlDatabaseLevel (video gaming)Electronic mailing listComputer filePresentation of a groupProjective planeText editorServer (computing)Attribute grammarComputer configurationEndliche ModelltheorieStructural loadInstallable File SystemWebsiteGoodness of fitFile formatComputer animationLecture/Conference
22:37
Least squaresComputer-assisted translationComputer animation
Transcript: English(auto-generated)
00:00
Hello, everyone. Thank you for having me. This talk is about navigating your scenarios with the Map Store 3D tools. I'm Lorenzo Natali from GeoSolutions. And GeoSolutions is a company that works, international company that works in, that has a basis
00:22
in Italy and the US. We have clients all around the world. And we are core developers of many open source product like GeoServer, Map Store, GeoNode, and GeoNetwork. And we provide professional support for all these products.
00:42
We also provide professional trainings. And we develop custom solutions. And we offer enterprise support services for these softwares. And we strongly support open source.
01:03
And we actively participate on all these communities for open standards and open source software for GIS in general. This talk is about navigating and seeing typical use case
01:21
scenarios in 3D using Map Store. So let's see what's Map Store first. Map Store is a nightly modeler open source framework that allow you to share maps, dashboards with maps, and also web pages, the geostories with maps too.
01:44
So on the web in general. It's an application that you can install on your server. And it provides and interacts with several open source standards like WMS, WNTS, TMS, and so on.
02:03
And it is also mapping library agnostic. That is a cool word to say that it's independent from the library used. Actually, Map Store support open layers, leaflet, and cesium.
02:22
And for the future, if one of these library, for instance, is closed source or if stop maintained, we can switch to the next library without losing all the features of Map Store. In these two years, we developed a lot of the features
02:42
in 3D for Map Store. In particular, we updated cesium in order to provide support to 3D tiles. We implemented a tool called Map Views that is a very cool tool that I will show you.
03:03
And we implemented the 3D measurement tools. So if you have a 3D tiles or something in 3D, in general, you can measure walls or whatever. In 3D, we added styling of vector data in 3D.
03:22
So if you have your WFS services, you can style them in 3D, providing support for styling using GLTF models or IFC models. So if you have a point, for instance, in WFS,
03:44
you can add the model in 3D and put it on your 3D map. We also provided in the latest version, the annotations, editing in 3D. So you can also draw in 3D on the map directly using Map Store without any graphical tool.
04:02
And we provided, as I said, the styler for vector WFS data. And you have also support for attributes. So for instance, if you have a population attribute, you can extrude the geometries with the eight proportional
04:21
to the population and do a cool map that shows the population in various regions. But let's see, in this presentation, I will show you in particular three typical scenarios that you can find in 3D for providing data about a city.
04:45
How to test this? In particular, I will use the tool called Map Views. How can you use it? Of course, you have to download Map Store. You can download it from the website, the GitHub release,
05:02
and you can install it with a binary, with the Word file, or with Docker. And then create a new map as a login, as an administrator, of course, or as a user that can edit the maps. Create a new map and switch to the 3D.
05:22
Then we have a new button here that will show you a bar for navigating these Map Views. The Map Views tool is essentially an interactive presentation that allow you to do several steps,
05:42
and each step can zoom or move the camera to a particular position, switch on and off the layers, show some description, and let's see the typical workflow to edit these Map Views. As well as you adjust the camera to the position
06:02
you want to create the first view, you can click on Add button there in the toolbar, and you will create the first view. Then you can turn on the editing by clicking on the pencil,
06:20
and you will see all the things that you can edit of this view, in particular you can edit the title and the description that you can show when you are presenting this view.
06:40
You can edit the position of the camera by catching the current position or by inserting coordinates manually. You can decide the duration of the animation and other options. You can create a mask for the data that you have,
07:00
so you can crop the data, for instance the 3D tiles or the globe, to show a particular part only without the rest of the globe, or the opposite, you can put a null in the 3D tiles in order to put something else there.
07:23
Then you can set the globe transparency. This is particularly useful if you have to show something underground or underwater. For each layer of the map you created, in Map Store you can add a map, various type of layers, WMS, WFS, and so also 3D tiles.
07:44
You can choose to clip, how to clip each of them based on the geometry, and you can decide the opacity to display them or not, and of course to clip also in the inverse way. So you can do, for instance, one layer and clip
08:05
and do a whole for showing the other layer that is clipped in the inverse way and replacing some pieces of the 3D tiles with your things. Let's see the first example.
08:21
The first example is about showing a new project in urban planning. This map view has been created for the municipality of Genoa. Gives an overview of the project area.
08:43
In general here, you can see that there is a title and a description that shows the information about the current slide, and here in particular we have in red the areas that will be object of the work, and in yellow the areas
09:01
that are particularly interesting in interesting. In the next slide, here we replace the 3D tiles of Genoa with the model, with the glTF model of the project that we are going to implement. This is particularly designed by Renzo Piano and this is the new part of Genoa on the sea.
09:29
This is the final result. As well as you click play, you can animate it, and after the time you have decided, it will move to the area, and then it will replace the 3D tiles with the new model.
09:49
After that, there are other slides like, for instance, to show the terrain below to see what's happening underground
10:02
in order to explain exactly how this is sustained, how it is sustained by the underground. Here in the same presentation, they wanted to introduce also a visualization and reconstructions
10:23
of historical promontory of the Genoa city. This promontory is not there anymore. The only thing remained is the one in red, and in the next slide you can see
10:41
that you can replace the 3D tiles on the center and display how the old 3D promontory was originally placed with providing also a picture here of the historical trace of this promontory
11:02
that doesn't exist anymore. The second example is to show the relations between different levels of the city. Genoa in particular has a lot of mounts, and they have also the underground
11:23
that's particularly important for mobility. So here, in this new view, there is a representation of the Genoa subway,
11:41
here you can see the stations, and in the next slide you can clip in order to show the three tiles of every station and highlight the subway station
12:02
with, for instance, the WFS, the red highlighting is the WFS layer. Instead, the subway is a GLTF 3D model. As you can see here, we adjusted also the globe translucency in order to show the underground
12:23
and the tube, as it is in English. And here, these are not only animations, they are fully interactive, so a user at a certain time can go forward and backward,
12:44
and it can stop, of course, and they can start measuring, for instance, a wall that are particularly interested. For instance, they want to do a sketch on the wall, and they want to measure the size of it.
13:04
And as I said, the clipping can be inverted in order to display particular parts in the undergrounds. Then, in the third example, I wanted to have fun
13:21
because doing presentation is boring, and so I wanted to use only map store without any 3D tiles or any other tools and do something interesting, more or less, in the time I had.
13:41
So what I did is trying to provide a map of the Phosphor-G Europe, only drawing, of course, only map store and OpenStreetMap on the big ground, and I wanted to do a 3D presentation for the Phosphor-G event
14:01
so I turn it on 3D. I turn it on the editing tool that allow you to create several layers in 2D or 3D for, and then I started. I started adding some markers here and there. The first were these stations
14:22
in order to get information about how to arrive to the event. For the markers, you can customize the symbolizer and the icon, the side, and so on.
14:41
So, for instance, for the station, I choose the icon of the station, of course, and then I started drawing polygons in order to follow up the lines on the, the buildings involved in this conference.
15:02
I started with first. I draw it directly on the map. Then I use the styler for extrusion in order to do a sort of building, and of course, I color it in red because I have seen that the building was red.
15:22
I use it the same color. And if you want to have fun, the 3D functionality has also the third, the eighth, but editing polygons one by one, by, it was very, very annoying, so I prefer to use the extrusion directly.
15:41
Then I started editing the second building and color it in two, and then the third. The buildings are very simple, so it didn't took me too much. And then I added some markers,
16:03
some additional markers for social events, like this. And I added some text annotations. As you can see here, you can configure with some annotations with leading line. You can see here the,
16:21
there is a leading line, and the text is in the air, so it's very cool from the 3D point of view. I completed the presentation by adding an area with the wall extrusion, also to display the wall extrusion functionality in order to well identify the area
16:42
of where the presentation is. Now it's visible, and this is the final result of the map so you can publish this map as it is. It has a cool legend with all the symbols corresponding to the points. You can see the text notes with the leading lines.
17:06
And I can publish it as it is, okay. But I can do one step more and create a map view using these layers and turning on and off things in order to do a presentation.
17:23
So I created a map view. The first slide, let's say, the first view is from the top, so we give the illusion that is a 2D map, a simple 2D map, and with the arrival point, with the introductionary page, sorry.
17:42
Then we switch to 3D with an animation, so it goes to 3D and it's cool, trust me. And you see the arrival points and the conference are highlighted. You don't see anything else, so you can keep the people concentrated on that.
18:00
Then we zoom to the conference area. Now you can see the three buildings. Then I turn off the wall and I change the translucency of the two buildings on the side and show the registration label. And then I zoom out, I finally zoom out
18:22
to display the social events. And this is the presentation. It took me something like 10 minutes for drawing the map and 10 minutes to making the map views and this is the final result.
18:43
As you can see, this is the first slide. Then it switches to 3D, shows the arrival points. It zooms to the conference area, so you can see the three buildings. Then it zoom to the main building
19:02
in order to guide you to the registration area. And then it zoom back to show the social events. And as I say, this has been done only using map store drawing tools and that's it.
19:28
And I finished. That's it. We have still room for questions.
19:42
Hello, you mentioned you have support for IFC files and I guess the new project in Genoa is also from an architect or somebody and it came from an IFCF file. Did you convert it or do you have direct support to visualize and show IFC files?
20:01
Or did it transport and convert it to GLTF? Good question. In this version, it has been converted because the IETF support was not present yet. So it was converted in GTLF. But from the last version, we have support also directly to IAFTS in industrial format.
20:23
But without the, I don't remember because I was not involved, but it can be used in styles for sure. As a model, a 3D model that you can associate with some features. So you can load it from the...
20:40
The whole model, a model as a whole or do you actually keep the individual attributes for the IFC example, IFC wall, IFC door and you can style it in regards to the IFC attribute which was the original? I'm sure about that. But I think that the attributes are supported
21:02
for sure for WFS. I don't remember honestly if they are supported because it's a really new thing that wasn't fully in the development. Anyway, everything is documented on map store website. So if you have a interesting question, I will ask to confirm it. Maybe if you write on the mini list of map store for sure,
21:24
you can have a detailed answer. Sorry if I cannot answer. Thank you. More questions here. Thanks for the nice presentation. I have a question on the third example that you showed.
21:41
The features that you added to the map, are they kind of temporarily stored in map store or is it also possible to store them in a database for example? Yeah, if you want to use WFS, you can load them from WFS. In this example, I draw it online and in this case, they are stored on map store.
22:02
You have the two options. You can use the editor of map store for storing things in WFS and so you, or you can load them from the database or you can draw that directly and in the database, I mean just server that provides WFS, that provides to map store the features
22:24
or in map store. You have both the options. Thanks. Thank you too. Other questions? More questions, exactly? If not, this is not the case, many thanks.