12 Cesium—影像服务-BaseLayerPicker

原创

已于 2022-03-25 17:12:09 修改 · 1.9k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#GIS #cesium

于 2022-03-24 18:41:12 首次发布

本文介绍了如何在Cesium 1.91版本中使用内置的BaseLayerPicker组件，并展示了如何自定义BaseLayerPicker以添加天地图的矢量底图和标记影像服务。通过设置`baseLayerPicker`为`true`并在Viewer初始化时指定`imageryProviderViewModels`，可以展示自定义的图层选择。此外，提供了设置默认图层和调整初始视角的方法。

文章中所有操作均是在 Cesium 1.91 版本下进行的，其它版本差异请自行适配

BaseLayerPicker组件

在 Cesium 中图层操作是最基本的操作，那就需要学习一下 BaseLayerPicker 组件。这里主要介绍内置的 BaseLayerPicker 的使用和如何自定义实现 BaseLayerPicker。

内置的BaseLayerPicker

在初始化 Viewer 时，将 baseLayerPicker 设置为 true 即可显示 BaseLayerPicker 控件。然后可以通过将 viewer.baseLayerPicker.viewModel.selectedImagery 设置为 viewer.baseLayerPicker.viewModel.imageryProviderViewModels[?] 来设置 BaseLayerPicker 的默认数据源，这里的 ? 号代表数字，就是选择初始化为 [?] 号图层，这里指的是下标。

代码片段：

const viewer = new Cesium.Viewer("cesiumContainer", {
   
   
    //隐藏图层选择
    baseLayerPicker: true // 这里设置为true，默认就是true
});

//设置默认图层数据，比如设置了下标8的图层数据
viewer.baseLayerPicker.viewModel.selectedImagery = viewer.baseLayerPicker.viewModel.imageryProviderViewModels[8];

//设置初始位置
viewer.camera.setView({
   
   
    destination: Cesium.Cartesian3.fromDegrees(116.75199, 36.55358, 20000000)