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

Introduction to MapStore and highlights of release 2020.02.00

Introduction to MapStore and highlights of release 2020.02.00

This webinar provides an introduction to MapStore focusing on the latest bells and whistles from the 2020.02.00 release like GeoStory and MapContext support.

Simone Giannecchini
PRO

August 03, 2020
Tweet

More Decks by Simone Giannecchini

Other Decks in Programming

Transcript

  1. What’s new in MapStore
    v2020.02.00?
    Tobia Di Pisa
    Lorenzo Natali
    Luis E. Bermudez
    GeoSolutions

    View Slide

  2. GeoSolutions

    Founded in 2006, offices in Italy & US

    Our core products

    Our offer
    Enterprise
    Support Services
    Deployment
    Subscription
    Professional
    Training
    Customized
    Solutions
    GeoNode

    View Slide

  3. Trusted by more than 200 clients
    • UN FAO (CIOK, FIGIS, NRL, FORESTRY, ESTG), UN WFP, World Bank, DLR, EUMETSAT,
    JRC, ARPAT, NATO CMRE, UNESCO, IGAD, UNEP, etc..
    • BAYER, BASF, DigitalGlobe, MDA, TOPCON, SwissRE, e-GEOS, Halliburton, etc..

    View Slide

  4. Industries
    Smart
    Cities
    Space MetOcean Defense
    Natural
    Resources
    OpenData Utilities
    Research
    Emergency
    Response
    Government

    View Slide

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

  6. Our Distinctive Traits

    Lead Developers of GeoNode, GeoServer, MapStore and
    GeoNetwork

    Vast experience with Raster Serving

    Designed and developed JAI-Ext

    Designed and developed ImageIO-Ext

    Design and Developed most raster code in GeoTools/GeoServer

    Vast Experience with Vector Data Serving

    WFS, WMS, Vector Tiles with OGV

    Extensive Experience with Spatial DBMS

    Oracle, SQL Server, Postgis, MongoDB, etc..

    Extensive Experience with creating webgis applications

    OpenLayers, Leaflet, Cesium, MapboxGL

    Ext-JS, JQuery, Bootstrap, Angular, React, Redux

    Extensive Experience with OGC Protocols

    Extensive Experience in Performance and Scalability (Big Data
    and Cloud)

    Unparalleled multi-industry experience

    View Slide

  7. Team – Key Members
    23+ Staff Members, 15+ Software Engineers

    Ing. Andrea Aime: GeoServer Project Steering Committee,
    GeoTools PMC, JAI-Tools Lead, ImageIO-Ext committer

    Ing. Simone Giannecchini: Founder, GeoServer PSC, GeoTools PMC,
    ImageIO-Ext Architect, JAI-Tools founder

    Dr. Luis E. Bermudez: US CEO since 2020. 2010-2020 OGC Exec, Director
    of the Innovation and Compliance Programs.

    Giovanni Allegri: Senior Project Manager, QGIS, GeoNode

    Ing. Alessio Fabiani: Founder, GeoServer PSC, GeoTools Committer,
    MapStore Committer

    Ing. Emanuele Tajariol: GeoServer Committer, GeoTools Committer,
    GeoNetwork PSC

    Ing Mauro Bartolomeoli: GeoServer Committer, GeoTools Comitter,
    GeoBatch Committer, MapStore2 Architect

    View Slide

  8. MapStore Webinar
    @mapstore2
    - Web GIS
    - Merge data for distributed sources via open
    standards
    - Easily shares contexts
    - Create rich dynamic maps with embedded
    images and multimedia
    - Powerful style editor
    - ...

    View Slide

  9. What is MapStore

    View Slide

  10. What is MapStore
    MapStore
    https://mapstore.geo-solutions.it/mapstore/

    View Slide

  11. What is MapStore
    It’s a Framework
    You can build many different applications with
    its plugins (and by developing your own)

    View Slide

  12. What is MapStore
    It’s a Framework
    So you need to be a developer to use it this way
    …and need some basic knowledge
    ES2015
    ReactJS
    Redux
    RxJS
    Less / CSS
    …or ask «someone» to build the application for you
    If you are familliar with all of this technologies
    you can also send us your resume!

    View Slide

  13. What is MapStore
    It is also a Product
    Use it as is or slightly modifying the look&feel

    View Slide

  14. What is MapStore
    It is also a Product
    Use it as is or slightly modifying the look&feel

    View Slide

  15. Quick overview of MapStore
    v2020.02.00

    View Slide

  16. MapStore v2020.02.00

    Released July 6th 2020

    First Release of the 2020.02.xx series

    2020.02.xx get 2 more releases mostly with bug fixes

    View Slide

  17. MapStore v2020.02.00
    Main Features of this release are

    GeoStory: create and share
    interactive stories combining rich-
    multimedia content.

    Application contexts: build and
    configure your own map viewer
    Check out the blog post too!

    View Slide

  18. MapStore v2020.02.00
    Minor Features are also part of this release
    • Click Filtering:
    filter the attribute
    table by clicking
    features on map

    View Slide

  19. MapStore v2020.02.00
    Minor Features are also part of this release
    • Measurements:
    advanced
    improvements to
    the existing tool

    View Slide

  20. MapStore v2020.02.00
    Minor Features are also part of this release
    • Import/Export:
    import and export of
    Web Map Context
    (WMC) files

    View Slide

  21. MapStore v2020.02.00
    Minor Features are also part of this release
    • Catalog Tool: Tile
    Map Services and
    Web Feature
    Services are now
    supported

    View Slide

  22. MapStore v2020.02.00
    Minor Features are also part of this release
    • Identify Tool: switch to edit mode by opening the attribute
    table

    View Slide

  23. MapStore v2020.02.00
    Minor Features are also part of this release
    • Layer Settings: users
    can now edit the
    legend size

    View Slide

  24. MapStore v2020.02.00
    Minor Features are also part of this release
    The Map Catalog allows to browse and
    manage MapStore maps without leaving
    the viewer (new plugin)
    • Search for maps
    you have access
    to
    • Manage map
    properties and
    permissions
    • Share a map

    View Slide

  25. Application Contexts

    View Slide

  26. MapStore v2020.02.00
    The Application Context Manager
    is an administrative tool designed
    to build and configure different
    MapStore viewer configurations
    for the same MapStore installation
    A multisteps wizard
    allows the administrator
    to configure a custom
    MapStore viewer

    View Slide

  27. MapStore v2020.02.00
    • Step #1: configure the name of the context and the window
    title
    The Context URL:
    https://mapstore.geo-solutions.it/mapstore/#/context/newyorkcity

    View Slide

  28. MapStore v2020.02.00
    • Step #2: configure the default map configuration and map
    contents
    • Layers in TOC
    • Backgrounds
    • Catalog sources
    • CRS
    • Annotations
    • Map Import

    View Slide

  29. MapStore v2020.02.00
    • Step #3: configure the set of plugins to include in the context
    viewer
    • Select plugins to
    include
    • Configure each
    plugin
    • Make plugins
    ready to be
    activated by users
    on the fly
    • Install a custom
    plugin
    • Direct link to the
    plugin online doc

    View Slide

  30. MapStore v2020.02.00
    • Step #4: share the context and manage permissions ☺

    View Slide

  31. MapStore v2020.02.00
    The Map Templates tool is also available for Application Contexts
    • Ready-made map
    contents that can
    be added to a
    Map
    • Two formats
    supported (both
    MapStore JSON
    and WMC)

    View Slide

  32. GeoStory

    View Slide

  33. MapStore v2020.02.00
    Create inspiring and immersive stories by combining text,
    interactive maps and multimedia content (e.g. images, video or
    other third party content).
    View mode
    Edit mode

    View Slide

  34. MapStore v2020.02.00
    Create your Story Map from the MapStore home page, as well
    as for Maps and Dashboards
    An empty story

    View Slide

  35. MapStore v2020.02.00
    Build your story by adding different kind of sections, one after
    the other with an advanced web editor:
    • Title/Cover
    • Paragraph
    • Immersive
    • Media
    • Web Page
    Sections are organized in a continuous
    scrolling layout!

    View Slide

  36. MapStore v2020.02.00
    GeoStory gives control over the sections through an action
    toolbar, one per section or sub-section
    Perform quick actions on your section contents!

    View Slide

  37. MapStore v2020.02.00
    What can you do with the Title/Cover action toolbar?
    The Background
    • Change the media
    source
    • Let it to fit the view
    • Let it to cover the
    whole container
    space
    • Change the size
    • Align it left/right
    • Customize the theme
    The Title overlay
    • Change the size
    • Align it left/right
    • Customize the theme
    • Remove the section

    View Slide

  38. MapStore v2020.02.00
    What can you do with the Image action toolbar?
    • Similar to
    Title/Cover but you
    can also show/hide
    the caption

    View Slide

  39. MapStore v2020.02.00
    What can you do with the Map action toolbar?
    Map inline editor:
    • Quick TOC
    • Pan interaction
    • Zoom control
    • Identify
    The map is centered in the viewport
    and highlighted!

    View Slide

  40. MapStore v2020.02.00
    What can you do with the Video action toolbar?
    Video controls:
    • Mute/un-mute
    • Enable autoplay
    • Enable the video
    loop
    You can connect videos from YouTube, Vimeo or direct links to MP4
    or Avi files online

    View Slide

  41. MapStore v2020.02.00
    What can you do with the Paragraph sections?
    Paragraph section controls:
    • Remove the section
    • Advanced WYSIWYG Editor

    View Slide

  42. MapStore v2020.02.00
    What can you do if you want to include third party
    contents?
    • Click on Add Web Page
    Content
    • Put the URL of the web
    page
    Included as an Iframe!

    View Slide

  43. MapStore v2020.02.00
    Browsing connected topics in your story with the
    Immersive sections
    • Different background
    • Different contents (images,
    text, video, maps)

    View Slide

  44. MapStore v2020.02.00
    Browsing connected topics in your story with the
    Immersive sections
    • Ability to customize the alignment of your contents

    View Slide

  45. MapStore v2020.02.00
    What should you do if you want to change multimedia
    content in your story?
    The Media Editor gives you control over multimedia contents!

    View Slide

  46. MapStore v2020.02.00
    What should you do if you want to change multimedia
    content in your story?
    Different kind of settings depending on the media type

    View Slide

  47. MapStore v2020.02.00
    What should you do if you want to change multimedia
    content in your story?
    Advanced Map Editor
    • Advanced WebGIS
    • Using MapStore tools

    View Slide

  48. MapStore v2020.02.00
    GeoStory gives control over the sections through a side panel,
    where sections and sub-sections are organized
    • A Symbology
    identify each
    section
    • Drag&Drop a
    section, it changes
    position in the story
    • Highlight of the
    visualized section
    • Zoom to a section

    View Slide

  49. MapStore v2020.02.00
    A top Toolbar on top of the side panel provides additional
    settings for the story
    • Title of the story
    • The story Theme
    • The story Logo
    • Navigation bar
    (view mode)

    View Slide

  50. MapStore v2020.02.00
    A top Toolbar on top of the side panel provides additional
    settings for the story
    Changing the story theme
    • Background color
    • Text color
    • All sections can inherit the above
    or have their own custom theme

    View Slide

  51. MapStore v2020.02.00
    Share the Story and manage permissions ☺
    The share URL allows you to share the story as a website
    https://mapstore2.geo-solutions.it/mapstore/#/geostory/shared/7726

    View Slide

  52. MapStore v2020.02.00
    Check out the updated User and Developer guides of
    the release v2020.02.00
    https://mapstore.readthedocs.io/en/v2020.02.00/user-
    guide/home-page/
    https://mapstore.readthedocs.io/en/v2020.02.00/developer-
    guide/requirements/

    View Slide

  53. Ongoing work

    View Slide

  54. MapStore v2020.02.00
    For the next major release we are working on the following
    functionalities
    • Style Editor: improve the user experience when editing layers
    styles in MapStore with an advanced UI

    View Slide

  55. MapStore v2020.02.00
    For the next major release we are working on the following
    functionalities
    • Annotations tool: to improve the user experience with a new user
    interface and additional capabilities

    View Slide

  56. MapStore v2020.02.00
    For the next major release we are working on the following
    functionalities
    • Identify tool: to better organize identify information (same order of
    layers in TOC) and a clearer UI

    View Slide

  57. MapStore v2020.02.00
    For the next major release we are working on the following
    functionalities
    • GeoStory: advanced interactions between story sections
    • Custom definition of
    locations and popups
    • Definition of hyperlinks
    to other sections in the
    story

    View Slide

  58. That’s all folks!
    Questions?
    [email protected]

    View Slide