Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
import { MatIconRegistry } from '@angular/material/icon';
import { MatSidenav } from '@angular/material/sidenav';
import { AppSettingsService, TracksType } from './services/app-settings-service/app-settings-service';
import { DraggableToMapService, MapLayerProviderOptions, MapsManagerService } from 'angular-cesium';
import { DemoMapComponent } from './components/demo-map/demo-map.component';
@Component({
selector: 'app-root',
templateUrl: 'app.component.html',
styleUrls: ['app.component.css'],
providers: [ AppSettingsService],
encapsulation: ViewEncapsulation.None,
})
export class AppComponent implements AfterViewInit {
arcGisMapServerProvider = MapLayerProviderOptions.ArcGisMapServer;
flyToOptions = {
duration: 2,
destination: Cesium.Cartesian3.fromDegrees(-117.16, 32.71, 15000.0),
};
multiMap = false; // Change to true to enable multiple maps
constructor(
public appSettingsService: AppSettingsService,
iconRegistry: MatIconRegistry,
sanitizer: DomSanitizer,
private dialog: MatDialog,
private mapsManagerService: MapsManagerService,
private draggableToMapService: DraggableToMapService,
) {
iconRegistry.addSvgIcon('settings', sanitizer.bypassSecurityTrustResourceUrl('/assets/settings.svg'));
import { AfterViewInit, Component, ViewChild } from '@angular/core';
import { MapLayerProviderOptions, MapsManagerService, SceneMode, ViewerConfiguration, ZoomToRectangleService } from 'angular-cesium';
import { AppSettingsService } from '../../services/app-settings-service/app-settings-service';
@Component({
selector: 'demo-multiple-maps',
templateUrl: './demo-multiple-maps.component.html',
providers: [ViewerConfiguration],
})
export class DemoMultipleMapsComponent implements AfterViewInit {
arcGisMapServerProvider = MapLayerProviderOptions.ArcGisMapServer;
sceneMode = SceneMode.SCENE3D;
showLayer = true;
showMap = true;
maps = [
{
sceneMode: SceneMode.PERFORMANCE_SCENE2D,
id: 'main-map',
containerId: 'left-map-container',
},
{
sceneMode: SceneMode.PERFORMANCE_SCENE2D,
id: 'sub-map',
containerId: 'right-map-container',
},
];
mapContainerId = 'left-map-container';