Skip to content
End-to-end solution for overhead image analysis
TypeScript CSS HTML Other
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github
.vscode
build/buildBundle
confd
e2e
nginx
resources
scripts
src
.dockerignore
.editorconfig
.gitattributes
.gitignore
.travis.yml
Dockerfile
LICENSE
README.md
angular.json
karma.conf.js
package-lock.json
package.json
protractor.conf.js
run.sh
tsconfig.json
tslint.json

README.md

AnSyn

AnSyn is an end-to-end solution for overhead image analysis. Simple, intuitive and easy to use – you don’t have to be an expert anymore to leverage the power of drones and satellites data for your needs!

AnSyn

Platform

Installation

Install with npm
npm install @ansyn/ansyn @ansyn/assets @ansyn/core @ngrx/core @ngrx/store @ngrx/effects @ngrx/entity ngx-treeview ol cesium d3 @angular/cdk @angular/material
Install with yarn
yarn add @ansyn/ansyn @ansyn/assets @ansyn/core @ngrx/core @ngrx/store @ngrx/effects @ngrx/entity ngx-treeview ol cesium d3 @angular/cdk @angular/material

Usage

Add ansyn to your assets / styles on angular.json file, under yourProject/architect/build/options:

 "assets": [
	{
	  "glob": "**/*",
	  "input": "./node_modules/@ansyn/assets",
	  "output": "/assets"
	},
	{
	  "glob": "**/*",
	  "input": "node_modules/cesium/Build/Cesium",
	  "output": "/assets/Cesium"
	}
 ],
 "styles": [
   "node_modules/@ansyn/assets/styles/styles.css"
 ],
 "scripts": [
   "node_modules/cesium/Build/Cesium/Cesium.js"
 ]

on main.ts file:

import { fetchConfigProviders } from '@ansyn/ansyn';

fetchConfigProviders('assets/config/app.config.json').then(providers =>  platformBrowserDynamic(providers).bootstrapModule(AppModule).catch(err => console.log(err)));

on app.module.ts:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { AnsynModule } from '@ansyn/ansyn';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AnsynModule.component()
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

on app.component.html:

  ...
  <ansyn-app></ansyn-app>
  ...

AnsynApi service on ansyn.component.ts:

import { AnsynApi } from '@ansyn/ansyn';

@Component({
...
})
export class AppComponent {
  constructor(protected ansynApi: AnsynApi) {
  }
}

on app.component.css:

The element ansyn-app has to receive height. It can be explicit height, or implicit like "display:flex" + "flex:1" For example:

ansyn-app {
  display: block;
  height: 500px;
  border: 1px solid darkgreen;
}
You can’t perform that action at this time.