Cesium BaseLayerPicker加载逻辑分析

Cesium默认会提供一个BaseLayerPicker控件供用户选择影像和地形服务的数据源

BaseLayerPicker控件

在BaseLayerPicker的界面上不同影像和地形的数据源选项顺序是定死了的。而且默认是加载第一个影像数据源和第一个地形数据源。

默认加载项

那么如果想调整数据源的顺序（改变默认加载的数据源），或者新增自己的数据源，怎么办呢？

通过源码看看Cesium是如何处理BaseLayerPicker各个数据源的，以影像数据源为例：

在构造Viewer时会生成一个ProviderViewModel类型的数组

数据源数组

随后这个数组会传入BaseLayerPickerViewModel的构造函数，在给selectedImagery属性赋值时用的是第一个元素，默认加载的是第一个ProviderViewModel对应的数据源。

指定默认的数据源

然后会进入selectedImagery的set函数，用第一个ProviderViewModel构造影像Provider创建一个影像图层

数据源转换为影像图层

最后，遍历所有的ProviderViewModel，按照category属性分类，并返回所有数据源的属性给界面。

数据源分类

通过knockout界面库绑定数据源的名称、图片地址等属性，构造界面上每个数据源的图标。

界面绑定

地形的加载逻辑和影像是一致的。

综上所述，BaseLayerPicker上数据源的顺序是由createDefaultImageryProviderViewModels（影像相关）和createDefaultTerrainProviderViewModels（地形相关）中数组元素的顺序决定的。可以调整数组元素的顺序改变默认加载的数据源（调至第一个元素）。如果要加入自己的数据源，可以在数组中插入新的ProviderViewModel对象。