cesium.js入门基础教程二 (影像和标注)

发布时间 2023-12-13 13:30:50作者: 奥托

影像简介

Cesium加载大的虚拟地球默认是有影像的,如图:

默认使用的影像是 “Bing Maps Aerial”:

影像提供者 ImageryProvider

除了途中列出的一些影像,开发者可以通过Cesium中的ImagerProvider影像提供者类创建所需的影像,Cesium中提供了很多种ImageryProvider影像提供类(不包括抽象类ImageryProvider):

加载图层影像的方法

  • 在初始化viwer的时候添加
  • 通过viwer.imageryLayers.addImageryProvider方法添加

初始化时添加影像

在初始化Viewer时可在第二个参数Viewer.ConstructorOptions中添加imageryProvider属性并提供一个ImageryProvider对象:

const viewer = new Cesium.Viewer("cesiumContainer", {
  imageryProvider: new Cesium.ArcGisMapServerImageryProvider({
    url: 'https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer'
  })
})

注意:使用这种方法添加影像图层只能添加一个

使用addImageryProvider方法添加

使用viewer.imageryLayers.addImageryProvider方法,顾名思义需要传入一个ImageryProvider对象:

const ArcGisImagery = viewer.imageryLayers.addImageryProvider(new Cesium.ArcGisMapServerImageryProvider({
  url: 'https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer'
}))