问题遇到的现象和发生背景 :cesium加载arcgis地图服务
问题相关代码:
import { Component, OnInit } from '@angular/core';
import { RouterModule, Router } from '@angular/router';
import * as esri from 'esri-leaflet';
declare var Cesium: any;
@Component({
selector: 'app-three-dimensional',
templateUrl: './three-dimensional.component.html',
styleUrls: ['./three-dimensional.component.scss']
})
export class ThreeDimensionalComponent implements OnInit {
constructor(private router: Router) { }
ngOnInit(): void {
// 显示地图
const viewer = new Cesium.Viewer("cesiumContainer", {
// 需要进行可视化的数据源的集合
animation: false, // 是否显示动画控件
shouldAnimate: true,
homeButton: true, // 是否显示Home按钮
fullscreenButton: true, // 是否显示全屏按钮
baseLayerPicker: true, // 是否显示图层选择控件
geocoder: true, // 是否显示地名查找控件
timeline: false, // 是否显示时间线控件
sceneModePicker: false, // 是否显示投影方式控件
navigationHelpButton: false, // 是否显示帮助信息控件
infoBox: false, // 是否显示点击要素之后显示的信息
requestRenderMode: true, // 启用请求渲染模式
scene3DOnly: false, // 每个几何实例将只能以3D渲染以节省GPU内存
sceneMode: 3, // 初始场景模式 1 2D模式 2 2D循环模式 3 3D模式 Cesium.SceneMode
fullscreenElement: document.body, // 全屏时渲染的HTML元素 暂时没发现用处
});
// 去除版权信息
viewer._cesiumWidget._creditContainer.style.display = "none";
// 加载ArcGIS在线地图
viewer.imageryLayers.addImageryProvider(
new Cesium.ArcGisMapServerImageryProvider({
url: 'http://210.77.79.206:6080/arcgis/rest/services/%E7%94%98%E8%82%83%E7%9C%81%E8%87%AA%E7%84%B6%E4%BF%9D%E6%8A%A4%E5%8C%BA/MapServer',
})
);
运行结果及报错内容 :
我想要达到的结果:实现cesium加载arcgis地图服务,首次接触,希望朋友们给予指导帮助,非常感谢!