Initial commit

angular.json

@@ -24,9 +24,13 @@
               "src/assets"
             ],
             "styles": [
-              "src/styles.css"
+              "src/styles.css",
+              "src/assets/smart3d/dist/smart3d/smart3d.css"
             ],
-            "scripts": []
+            "scripts": [
+              "src/assets/cesium/Build/Cesium/Cesium.js",
+              "src/assets/smart3d/dist/smart3d/smart3d.js"
+            ]
           },
           "configurations": {
             "production": {

src/app/app.component.css

+.button {
+  position: fixed;
+  top: 20px;
+  left: 20px;
+}
\ No newline at end of file

src/app/app.component.spec.ts

-import { TestBed, async } from '@angular/core/testing';
-import { AppComponent } from './app.component';
-
-describe('AppComponent', () => {
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [
-        AppComponent
-      ],
-    }).compileComponents();
-  }));
-
-  it('should create the app', () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
-    expect(app).toBeTruthy();
-  });
-
-  it(`should have as title 'ng-start3d'`, () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
-    expect(app.title).toEqual('ng-start3d');
-  });
-
-  it('should render title', () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    fixture.detectChanges();
-    const compiled = fixture.debugElement.nativeElement;
-    expect(compiled.querySelector('.content span').textContent).toContain('ng-start3d app is running!');
-  });
-});

src/app/app.component.ts

-import { Component } from '@angular/core';
+import { Component, OnInit, ViewChild, ElementRef } from '@angular/core';
+import { ViewerService } from './viewer.service';
 
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.css']
 })
-export class AppComponent {
-  title = 'ng-start3d';
+export class AppComponent implements OnInit {
+
+  private viewer;
+  @ViewChild('ref', { static: true }) divRef: ElementRef;
+
+  constructor(
+    private viewerService: ViewerService,
+  ) {
+    // this.viewer = undefined;
+  }
+
+  ngOnInit(): void {
+    console.log(this.divRef.nativeElement);
+    this.viewer = this.viewerService.initViewer('container', {
+      sceneMode: smart3d.SceneMode.SCENE3D,
+      scene3DOnly: true,
+      terrainProvider: Cesium.createWorldTerrain()
+    });
+    // this.viewer = new Cesium.Viewer('container');
+  }
+
+  handleClick() {
+    const distanceHandler = new smart3d.MeasureHandler(this.viewer, smart3d.MeasureMode.Distance);
+    distanceHandler.activate();
+  }
 }

src/app/app.module.ts

@@ -10,7 +10,8 @@ import { AppComponent } from './app.component';
   imports: [
     BrowserModule
   ],
-  providers: [],
+  providers: [
+  ],
   bootstrap: [AppComponent]
 })
 export class AppModule { }

src/app/viewer.service.spec.ts

+import { TestBed } from '@angular/core/testing';
+
+import { ViewerService } from './viewer.service';
+
+describe('ViewerService', () => {
+  beforeEach(() => TestBed.configureTestingModule({}));
+
+  it('should be created', () => {
+    const service: ViewerService = TestBed.get(ViewerService);
+    expect(service).toBeTruthy();
+  });
+});

src/app/viewer.service.ts

+import { Injectable } from '@angular/core';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class ViewerService {
+
+  private viewer;
+
+  constructor() { }
+
+  initViewer(containerId: string, options?) {
+    if (!this.viewer) {
+      this.viewer = new smart3d.Viewer(containerId, options || {});
+    }
+  }
+}

src/assets/cesium/Build/Cesium/Assets/Textures/NaturalEarthII/tilemapresource.xml

+<?xml version="1.0" encoding="utf-8"?>
+    <TileMap version="1.0.0" tilemapservice="http://tms.osgeo.org/1.0.0">
+      <Title>NE2_HR_LC_SR_W_DR_recolored.tif</Title>
+      <Abstract></Abstract>
+      <SRS>EPSG:4326</SRS>
+      <BoundingBox miny="-90.00000000000000" minx="-180.00000000000000" maxy="90.00000000000000" maxx="180.00000000000000"/>
+      <Origin y="-90.00000000000000" x="-180.00000000000000"/>
+      <TileFormat width="256" height="256" mime-type="image/jpg" extension="jpg"/>
+      <TileSets profile="geodetic">
+        <TileSet href="0" units-per-pixel="0.70312500000000" order="0"/>
+        <TileSet href="1" units-per-pixel="0.35156250000000" order="1"/>
+        <TileSet href="2" units-per-pixel="0.17578125000000" order="2"/>
+      </TileSets>
+    </TileMap>