angular cesium - wordpress.com

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:

QUESTIONS?

• More Info at https://github.com/TGFTech/angular-cesium

• Contact us: contact@guild.software