Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Navigate urban scenarios with MapStore 3D tools - FOSS4G 2023

Navigate urban scenarios with MapStore 3D tools - FOSS4G 2023

This presentation focuses on the use of MapStore to navigate urban scenarios using its 3D tools and capabilities. Latest versions of MapStore include improvements and tools related to the exploitation of 3D data such as Map Views, Styling, 3D Measurements and more. Support for 3D Tiles and glTF models through the Cesium mapping library has also been greatly enhanced to provide support for more powerful integration.

Attendees will be presented with a selection of use cases around the following topics: visualization of new projects for urban planning, relations between different levels of a city and descriptions of events inside a city. At the end of the presentation attendees will be able to use the presented workflows to replicate them on different urban scenarios using the 3D tools of the MapStore WebGIS application.

Simone Giannecchini

November 22, 2023
Tweet

More Decks by Simone Giannecchini

Other Decks in Technology

Transcript

  1. Stefano Bovio
    GeoSolutions
    Navigate urban scenarios
    with MapStore 3D tools

    View full-size slide

  2. 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

    View full-size slide

  3. 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

    View full-size slide

  4. What’s MapStore

    View full-size slide

  5. 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.

    View full-size slide

  6. 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

    View full-size slide

  7. How to test this new 3D Map
    Views?

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  11. 3D Map Views Workflow

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  15. Editing a Map View

    View full-size slide

  16. Editing a Map View
    Title and description

    View full-size slide

  17. Editing a Map View
    Position of the camera

    View full-size slide

  18. Editing a Map View
    Animation in between map views

    View full-size slide

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

    View full-size slide

  20. Editing a Map View
    Globe translucency

    View full-size slide

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

    View full-size slide

  22. Example 1: new projects for urban
    planning

    View full-size slide

  23. Overview and highlight of projects areas
    New projects for urban planning

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  28. Example 2: relations between
    different levels of a city

    View full-size slide

  29. Relations between different levels of a city
    Overview of subway stations

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  34. Example 3: descriptions of events
    inside a city

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide