Cesium避免endPoint请求

一、endPoint请求介绍：

在使用Cesium.js开发程序的时候，经常会请求下述链接

https://api.cesium.com/v1/assets/1/endpoint?access_token=xxxx

这是因为咱们的程序里使用了Cesium Ion的资源

Cesium Ion是Cesium官方搭建的一个资源网站，服务器在国外

请求这个链接会导致长时间处于pendding状态（没有翻墙的情况下）

导致我们初始加载的时候卡顿。

这个endPoint请求的作用是Cesium Ion网站对访问者进行一个身份验证

验证你是否有使用相关资源的权限

类似咱们登录网站需要验证用户密码的请求

二、如何避免endPoint请求

下列2种情况会使用Cesium Ion的资源

a、使用默认的Cesium底图

b、使用默认的Cesium地形服务

下面介绍避免使用上述Cesium Ion资源的方法

a、避免使用默认的Cesium底图

var viewer = new Cesium.Viewer("cesiumContainer", {
  baseLayerPicker: false,//隐藏默认底图选择控件
  imageryProvider: new Cesium.ArcGisMapServerImageryProvider({
    url:"http://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineStreetPurplishBlue/MapServer",
  }),//设置默认底图
});

下述2点必须同时存在，才可以避免endPoint请求：

1、baseLayerPicker: false必须添加

2、必须给一个imageryProvider作为默认底图

扩展：如果我的默认底图想在viewer初始化之后赋值该怎么办？

可以先给imageryProvider赋值一个纯色canvas

imageryProvider: new Cesium.SingleTileImageryProvider({
    url: createColorCanvas("#FFF"),
    rectangle: Cesium.Rectangle.fromDegrees(-180.0, -90.0, 180.0, 90.0)
})

上述createColorCanvas方法的代码如下

function createColorCanvas(color) {
  var width = 1, height = 1;
  var canvas = document.createElement('canvas');
  canvas.width = width;
  canvas.height = height;
  var ctx = canvas.getContext('2d');
  ctx.fillStyle = color;
  ctx.fillRect(0, 0, width, height);
  return canvas.toDataURL();
}

b、避免使用默认的Cesium地形服务

默认情况下，Cesium并没有加载地形服务