68
MapStore 2 Modern mashups with OL3, Leaflet and React Ing. Mauro Bartolomeoli Dott. Lorenzo Natali GeoSolutions

MapStore 2, modern mashups with OL3, Leaflet and React

Embed Size (px)

Citation preview

Page 1: MapStore 2, modern mashups with OL3, Leaflet and React

MapStore 2Modern mashups with OL3, Leaflet and React

Ing. Mauro BartolomeoliDott. Lorenzo Natali

GeoSolutions

Page 2: MapStore 2, modern mashups with OL3, Leaflet and React

GeoSolutions Founded in Italy in late 2006 Expertise

• Image Processing, GeoSpatial Data Fusion• Java, Java Enterprise, C++, Python• JPEG2000, JPIP, Advanced 2D visualization

Supporting/Developing FOSS4G projects GeoServer, MapStore GeoNetwork, GeoNode, Ckan

Clients Public Agencies Private Companies

http://www.geo-solutions.it

Page 3: MapStore 2, modern mashups with OL3, Leaflet and React

Contents

What is MapStore2?

Mapping with MapStore2

Building a WebGIS

Bells and whistles (Demo time!)

The future (our RoadMap)

Page 4: MapStore 2, modern mashups with OL3, Leaflet and React

What is MapStore2?

Page 5: MapStore 2, modern mashups with OL3, Leaflet and React

What is MapStore2?

MapStore2http://mapstore2.geo-solutions.it/mapstore/

Page 6: MapStore 2, modern mashups with OL3, Leaflet and React

What is MapStore2?

It’s a Framework

Page 7: MapStore 2, modern mashups with OL3, Leaflet and React

What is MapStore2?

It’s a Framework

Page 8: MapStore 2, modern mashups with OL3, Leaflet and React

What is MapStore2?

It is also a Product

Page 9: MapStore 2, modern mashups with OL3, Leaflet and React

Mapping with MapStore2

Page 10: MapStore 2, modern mashups with OL3, Leaflet and React

Mapping with MapStore2MapStore2 is mapping agnostic

Page 11: MapStore 2, modern mashups with OL3, Leaflet and React

Mapping with MapStore2MapStore2 is mapping agnostic

Page 12: MapStore 2, modern mashups with OL3, Leaflet and React

Mapping with MapStore2MapStore2 is mapping agnostic

Page 13: MapStore 2, modern mashups with OL3, Leaflet and React

Mapping with MapStore2MapStore2 is mapping agnostic

Thanks ReactJS!

Page 14: MapStore 2, modern mashups with OL3, Leaflet and React

Mapping with MapStore2MapStore2 is mapping agnostic

Thanks ReactJS!

Page 15: MapStore 2, modern mashups with OL3, Leaflet and React

Building a WebGIS

Page 16: MapStore 2, modern mashups with OL3, Leaflet and React

Building a WebGIS

MapStore 2 is pluggable

Page 17: MapStore 2, modern mashups with OL3, Leaflet and React

Building a WebGIS

MapStore 2 is pluggable

Page 18: MapStore 2, modern mashups with OL3, Leaflet and React

Building a WebGIS

MapStore 2 is pluggable

Page 19: MapStore 2, modern mashups with OL3, Leaflet and React

Building a WebGIS

MapStore 2 is pluggable

Page 20: MapStore 2, modern mashups with OL3, Leaflet and React

Building a WebGIS

MapStore 2 is pluggable

Page 21: MapStore 2, modern mashups with OL3, Leaflet and React

Building a WebGIS

MapStore 2 is customizable

Page 22: MapStore 2, modern mashups with OL3, Leaflet and React

Building a WebGIS

MapStore 2 is customizable

Page 23: MapStore 2, modern mashups with OL3, Leaflet and React

Building a WebGIS

MapStore 2 is customizable

Page 24: MapStore 2, modern mashups with OL3, Leaflet and React

Building a WebGIS

MapStore 2 is customizable

Page 25: MapStore 2, modern mashups with OL3, Leaflet and React

Building a WebGIS

MapStore 2 is customizable

Page 26: MapStore 2, modern mashups with OL3, Leaflet and React

Building a WebGIS

MapStore 2 is customizable

JSX Template

XMLJSON

Page 27: MapStore 2, modern mashups with OL3, Leaflet and React

Building a WebGIS

MapStore 2 is mobile-ready

Page 28: MapStore 2, modern mashups with OL3, Leaflet and React

Building a WebGIS

The L&F has been done with careCheck it live at http://lf.mapstore2.geo-solutions.it/samples

Page 29: MapStore 2, modern mashups with OL3, Leaflet and React

Building a WebGIS

The L&F has been done with careCheck it live at http://lf.mapstore2.geo-solutions.it/samples

Page 30: MapStore 2, modern mashups with OL3, Leaflet and React

Building a WebGIS

The L&F has been done with careCheck it live at http://lf.mapstore2.geo-solutions.it/samples

Page 31: MapStore 2, modern mashups with OL3, Leaflet and React

Building a WebGIS

MapStore 2 is more than just mapping

Page 32: MapStore 2, modern mashups with OL3, Leaflet and React

Building a WebGIS

MapStore 2 is more than just mapping

Page 33: MapStore 2, modern mashups with OL3, Leaflet and React

Building a WebGIS

MapStore 2 is more than just mapping

Page 34: MapStore 2, modern mashups with OL3, Leaflet and React

Building a WebGIS

MapStore 2 is more than just mapping

Page 35: MapStore 2, modern mashups with OL3, Leaflet and React

Building a WebGIS

MapStore 2 is more than just mapping

Page 36: MapStore 2, modern mashups with OL3, Leaflet and React

Building a WebGIS

MapStore 2 is more than just mapping

Page 37: MapStore 2, modern mashups with OL3, Leaflet and React

Building a WebGIS

MapStore 2 is more than just mapping

Page 38: MapStore 2, modern mashups with OL3, Leaflet and React

Building a WebGIS

MapStore 2 is more than just mapping

Page 39: MapStore 2, modern mashups with OL3, Leaflet and React

Building a WebGIS

MapStore 2 is more than just mapping

Page 40: MapStore 2, modern mashups with OL3, Leaflet and React

Building a WebGIS

MapStore 2 is more than just mapping

Page 41: MapStore 2, modern mashups with OL3, Leaflet and React

Building a WebGIS

MapStore 2 is more than just mapping

Page 42: MapStore 2, modern mashups with OL3, Leaflet and React

Building a WebGIS

MapStore 2 is more than just mapping

Page 43: MapStore 2, modern mashups with OL3, Leaflet and React

Building a WebGIS

Easy map publishing

Page 44: MapStore 2, modern mashups with OL3, Leaflet and React

Building a WebGIS

Easy map publishing

Page 45: MapStore 2, modern mashups with OL3, Leaflet and React

Building a WebGIS

Easy map publishing

Page 46: MapStore 2, modern mashups with OL3, Leaflet and React

Building a WebGIS

Easy map publishing

Page 47: MapStore 2, modern mashups with OL3, Leaflet and React

Building a WebGIS

Easy map publishing

Page 48: MapStore 2, modern mashups with OL3, Leaflet and React

Building a WebGIS

Easy map publishing

Page 49: MapStore 2, modern mashups with OL3, Leaflet and React

Demo Time

Page 50: MapStore 2, modern mashups with OL3, Leaflet and React

Bells and whistles ReactJS

Declarative Programming Components and Composition Configuration and Styling

Redux Predictable State Serializable State

MapStore2 Plugins infrastructure Mapping components and state handling Themes

Page 51: MapStore 2, modern mashups with OL3, Leaflet and React

Downstream Products

Page 52: MapStore 2, modern mashups with OL3, Leaflet and React

Neftex WebMapper

Page 53: MapStore 2, modern mashups with OL3, Leaflet and React

CSI Piemonte SIRA

Page 54: MapStore 2, modern mashups with OL3, Leaflet and React

CSI Piemonte SIRA

Page 55: MapStore 2, modern mashups with OL3, Leaflet and React

CSI Piemonte SIRA

Page 56: MapStore 2, modern mashups with OL3, Leaflet and React

CSI Piemonte SIRA

Page 57: MapStore 2, modern mashups with OL3, Leaflet and React

Idaho Local Highway Technical Assistance Council

Page 58: MapStore 2, modern mashups with OL3, Leaflet and React

Idaho Local Highway Technical Assistance Council

Page 59: MapStore 2, modern mashups with OL3, Leaflet and React

Idaho Local Highway Technical Assistance Council

Page 60: MapStore 2, modern mashups with OL3, Leaflet and React

Idaho Local Highway Technical Assistance Council

Page 61: MapStore 2, modern mashups with OL3, Leaflet and React

NPA TerrainExplorer

Page 62: MapStore 2, modern mashups with OL3, Leaflet and React

NPA Terrain Explorer

Page 63: MapStore 2, modern mashups with OL3, Leaflet and React

NPA Terrain Explorer

Page 64: MapStore 2, modern mashups with OL3, Leaflet and React

NPA Terrain Explorer

Page 65: MapStore 2, modern mashups with OL3, Leaflet and React

Roadmap

Page 66: MapStore 2, modern mashups with OL3, Leaflet and React

MapStore2 future

FOSS4G 2016, Bonn22nd - 26th August 2016

Page 67: MapStore 2, modern mashups with OL3, Leaflet and React

MapStore2 future

MapStore2 in the cloud

More plugins and components

More documentation

More examples

Page 68: MapStore 2, modern mashups with OL3, Leaflet and React

That’s all folks!

[email protected]