超喜欢茜茜
2022-07-22 17:36
采纳率: 40%
浏览 55
已结题

cesium加载arcgis地图服务

问题遇到的现象和发生背景 :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',
      })
    );

运行结果及报错内容 :

img

我想要达到的结果:实现cesium加载arcgis地图服务,首次接触,希望朋友们给予指导帮助,非常感谢!

1条回答 默认 最新

相关推荐 更多相似问题