Upload
others
View
37
Download
0
Embed Size (px)
Citation preview
ANGULAR CESIUMBy Eitan Frailich
ABOUT ME
• Eitan Frailich
• Member of The Guild
• ArtiCode devshop
• Creator of angular-cesium
• Love open source and code
WHAT WE GOING TO TALK
• Short intro about cesium
• Key features of angular-cesium
• Usage examples
• Cool Demos for GIS systems based on angular-cesium
CESIUM• CesiumJs is an open-source JavaScript
library for world-class 3D and 2D globes and maps based on WebGL.
• Enables visualisation of spatial data, streaming of massive 3D datasets (3dTiles) and more
• https://cesiumjs.org/
ANGULARLeading open source framework for web
applications
+ =
ANGULAR - CESIUM
Open source framework for creating GIS web applications using CesiumJs and Angular components.
Focusing on High performance with easy usage.
• https://github.com/TGFTech/angular-cesium
MAIN FEATURES• Expend Cesium power by decorating more features
• Write your code in Declarative way using HTML tags and angular components - Readable and Maintainable code
• Application architecture based on entity layers
• Development based on data models and not map entities
• High performance and realtime data rendering
• Extend map gestures handling
• Expend Cesium components (Html)
• Common utils like shape editors, camera control and more
• http://www.angular-cesium.com/
COMPONENTS BASED DEVELOPMENT
• Easily defining a layer
• Readable code — when reading your html which describes your layer it is pretty easy to understand how your layer would look.
• Demo - https://glo.now.sh/
COMPONENTS BASED DEVELOPMENT
• Supports data streams using RxJs Observables
COMPONENTS BASED DEVELOPMENT
A more complex example: http://geo-strike.com/ main-map.component.html
COMPONENTS BASED DEVELOPMENT
me.component.html
How <me/> look like:
HIGH PERFORMANCE• Optimised for data with high update rates
• No unnecessary html
• Batching Option
• Caching
• IMS points demo
HANDLE MAP EVENTS• Handle All kind of map events including touch events
• Execute events on model entities and primitive entities
• Plonter handling out of the box
• Exposes Simple API as “MapEventsManager” Service: