Navigate urban scenarios with MapStore 3D tools - FOSS4G 2023

Slide 1

Slide 1 text

Stefano Bovio GeoSolutions Navigate urban scenarios with MapStore 3D tools

Slide 2

Slide 2 text

GeoSolutions Enterprise Support Services Deployment Subscription Professional Training Customized Solutions GeoNode • Offices in Italy & US, Global Clients/Team • 30+ collaborators, 25+ Engineers • Our products • Our Offer

Slide 3

Slide 3 text

Affiliations We strongly support Open Source, it Is in our core We actively participate in OGC working groups and get funded to advance new open standards We support standards critical to GEOINT

Slide 4

Slide 4 text

What’s MapStore

Slide 5

Slide 5 text

What’s MapStore MapStore is an highly modular Open Source WebGIS framework to create, manage and share maps, dashboard and geostories. MapStore is map agnostic and ensures the greatest flexibility: its abstraction tier allows to work with different web mapping libraries. The mapping engines currently supported are OpenLayers, LeafletJS and Cesium.js.

Slide 6

Slide 6 text

What’s MapStore New 3D improvements based: ● Update of Cesium.js library for 3D Tiles support ● Map Views ● 3D Measurement tools ● Styling of vector data client side ● GLTF (.glb) model as point symbolizer

Slide 7

Slide 7 text

How to test this new 3D Map Views?

Slide 8

Slide 8 text

How to test this new 3D Map Views? Download the latest MapStore release binary from https://github.com/geosolutions-it/MapStore2/releases

Slide 9

Slide 9 text

Start the application and login as admin, create a new map and switch to 3D mode How to test this new 3D Map Views?

Slide 10

Slide 10 text

Enable Map Views from the side bar on the right How to test this new 3D Map Views?

Slide 11

Slide 11 text

3D Map Views Workflow

Slide 12

Slide 12 text

3D Map Views Workflow Move the camera to a new location

Slide 13

Slide 13 text

3D Map Views Workflow Add a new view by clicking on the + button

Slide 14

Slide 14 text

3D Map Views Workflow Edit the view by clicking on the pencil button

Slide 15

Slide 15 text

Editing a Map View

Slide 16

Slide 16 text

Editing a Map View Title and description

Slide 17

Slide 17 text

Editing a Map View Position of the camera

Slide 18

Slide 18 text

Editing a Map View Animation in between map views

Slide 19

Slide 19 text

Editing a Map View Mask to visualize specific area of a 3D Tiles layer

Slide 20

Slide 20 text

Editing a Map View Globe translucency

Slide 21

Slide 21 text

Editing a Map View Layer options includes: terrain clipping, change visibility, edit opacity, 3D Tiles layer clipping

Slide 22

Slide 22 text

Example 1: new projects for urban planning

Slide 23

Slide 23 text

Overview and highlight of projects areas New projects for urban planning

Slide 24

Slide 24 text

Visualization of a new project clipping the 3D Tiles and by using GLTF Model New projects for urban planning

Slide 25

Slide 25 text

Visualization of a new project clipping the 3D Tiles, the terrain and by using GLTF 3D Model New projects for urban planning

Slide 26

Slide 26 text

Visualization of reconstructed historical data via 3D Tiles New projects for urban planning

Slide 27

Slide 27 text

Using clipping functionality to intersect and compare current data with historical data New projects for urban planning

Slide 28

Slide 28 text

Example 2: relations between different levels of a city

Slide 29

Slide 29 text

Relations between different levels of a city Overview of subway stations

Slide 30

Slide 30 text

Use of the clipping functionality of 3D Tiles to highlight the subway station Relations between different levels of a city

Slide 31

Slide 31 text

The subway line visible through the terrain is a GLTF 3D model Relations between different levels of a city

Slide 32

Slide 32 text

The map tools such as the measurement are still available for each map view Relations between different levels of a city

Slide 33

Slide 33 text

The clipping could be inverted to show the underground and highlight some areas Relations between different levels of a city

Slide 34

Slide 34 text

Example 3: descriptions of events inside a city

Slide 35

Slide 35 text

Descriptions of events inside a city Map views to navigate different location without changing the layer options

Slide 36

Slide 36 text

Map views to navigate different location without changing the layer options Descriptions of events inside a city

Slide 37

Slide 37 text

Styling replacing the points of a vector layer with GLTF 3D Models Descriptions of events inside a city

Slide 38

Slide 38 text

Use of the map views to zoom to a specific location Descriptions of events inside a city

Slide 39

Slide 39 text

The End Questions? [email protected]