How to use the angular-cesium.MapLayerProviderOptions.ArcGisMapServer function in angular-cesium

To help you get started, we’ve selected a few angular-cesium examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github articodeltd / angular-cesium / projects / demo / src / app / app.component.ts View on Github external
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'));
github articodeltd / angular-cesium / projects / demo / src / app / components / demo-multiple-maps / demo-multiple-maps.component.ts View on Github external
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';