Angular2CesiumExample

This project was generated with Angular CLI version 1.0.0-rc.2.

Getting started

• If you didn't installed Angular CLI yet:

  $ npm install -g @angular/cli
  

• Write the next commands via the command line:

  $ git clone https://github.com/shiloDrot/angular2-cesium-example.git
  $ cd angular2-cesium-example
  $ npm install
  $ npm run server
  $ npm start
  

• Navigate to http://localhost:4200/.

Guide

If you want to use Angular2-Cesium on working Angular2 project use the following instruction:

(Note: it must be an Angular CLI generated project, otherwise it might not work at this point - version 0.0.2)

• install angular2-cesium & cesium via:

  $ npm install --save angular2-cesium
  $ npm install --save cesium
  

• Import our main module:

  import { AngularCesiumModule } from 'angular-cesium/angular-cesium.module';
  

• Add "../node_modules/cesium/Build/Cesium/Cesium.js" to scripts in .angular-cli.json file.

• Add declare var Cesium; to typing.d.ts file

Usage

• In your HTML file use ac-map tag to show the map:

  <ac-map></ac-map>
  

• Add to style.css:

  @import url(/node_modules/cesium/Build/Cesium/Widgets/widgets.css);
  html, body, #cesiumContainer {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }