Skip to content
Branch: master
Clone or download
bipol Merge pull request #27 from BGR360/patch-1
Fix error and add example code to README
Latest commit d1ac37a Aug 25, 2016
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist fixing merge Feb 23, 2016
src fixing merge Feb 23, 2016
.gitignore Initial commit Jan 10, 2015
LICENSE Add license file via addalicense.com Jan 14, 2016
README.md Add link to README Aug 19, 2016
bower.json Did I really forget a comma Aug 18, 2016
gulpfile.js Initial commit Jan 10, 2015
package.json Initial commit Jan 10, 2015

README.md

angular-cesium

Use Cesium in the real angular way!

Getting Started

bower install angular-cesium

Usage

Using angular-cesium is easy as pie! Just add it as a dependency:

angular.module('myModule', ['angularCesium'])
  .controller('myController', function ($scope, ObservableCollection, Cesium) {
    // Be sure to change the Bing Maps Api Key!
    Cesium.BingMapsApi.defaultKey = 'xxxxxxxxxxxxxxxxxxxxxxxxxxxx';
    $scope.layers = [];
    $scope.billboards = new ObservableCollection();
    $scope.billboards.add(0, {
      image : 'favicon.ico',
      color : 'blue',
      position : {
        latitude : 31,
        longitude : 34,
        altitude : 500
      }
    });

And start using the map components!

<ac-map>
  <ac-web-map-service-layer ng-repeat="layer in layers" url="layer.url" layers="layer.layers"></ac-web-map-service-layer>
      <ac-billboards-layer>
        <ac-billboard ng-repeat="billboard in billboards.getData()"
          image="billboard.image"
          color="billboard.color"
          position="billboard.position"></ac-billboard>
      </ac-billboards-layer>
</ac-map>

Example Project(s)

https://github.com/netanelgilad/angular-cesium-example

(old) https://github.com/bipol/ac-angular-cesium-example/tree/master/src

You can’t perform that action at this time.