“年前年后一直在面试，发现一个奇怪的现象：很多互联网公司经受住三年的疫情冲击，反而在疫情放开的那一刻撑不住了，很多大厂都在批量的裁员：美国硅谷、北京字节、迪士尼中国等等。在北京的朋友也是年后到现在一直没有找到合适的工作，当然不是他技术不行找不到，而且薪资一泻千里，差距太大，甚至调侃说：不如买辆车去跑滴滴。

我面试的是前端开发岗位，大家也都知道，这几年培训机构出来的人员多如牛毛，程序员早已经是烂大街的存在，加上疫情公司紧张，裁员，就业形势严峻。如果再只是一些基础的前端知识：如：小程序、Uniapp、Vue、React 等基础技能已经不能满足日益增长的需求，并且价值已经明显不存在。

(资料图)

现在国家大力推广数字化，很多高新科技开始迈入数字化大屏的门槛，面试过程中会发现诸如：水利、交通、智慧城市等等这些都已经开始往 3D 发展，要求的技术能力也是日新月异。这些可能在国外已经很成熟，但是国内的话相关资料文献又比较少，像  WebGL、Cesium、Openlayers 等。如果掌握了这些技术，无疑是为你面试道路上添砖加瓦，尤其最近几年，绝对是加薪利器。

本篇从 Cesium 开始，来一一揭开这些加薪利器的面纱。

”

01

—

cesium 是什么?

Cesium 是一个跨平台、跨浏览器的展示三维地球和地图的 javascript 库。

Cesium 使用 WebGL 来进行硬件加速图形，使用时不需要任何插件支持，但是浏览器必须支持WebGL；Cesium 是基于 Apache2.0 许可的开源程序。它可以免费的用于商业和非商业用途。

Cesium官网：https://cesium.com/platform/cesiumjs/

Github：https://github.com/AnalyticalGraphicsInc/cesium

02

—

cesium 能做什么?

支持2D，2.5D，3D形式的地图展示

可以绘制各种几何图形、高亮区域，支持导入图片，甚至 3D 模型等多种数据可视化展示。

可用于动态数据可视化并提供良好的触摸支持，支持绝大多数的浏览器和 mobile。

Cesium 还支持基于时间轴的动态数据展示

03

—

cesium 安装

需要提前安装 node.js（自带 npm 包管理器），可根据需要是否配置淘宝镜像（cnpm）

如果项目搭建完成，可以通过以下命令安装 cesium

04

—

如果没有搭建，只是想学习，可以通过如下的方式获取代码，并进行环境搭建：

1. 通过 git 命令克隆 github上面的代码（部分功能可能分支才会有）

2. 众所周知的原因，这里提供百度云地址（注意：不是最新代码）

3. 如果你可以搞定网络问题，也可以去官网下载

05

—

cesium 环境搭建 - 运行

进入项目目录，执行如下命令加载依赖并运行服务

打开浏览器，输入 http://localhost:8080，会看到相关页面

注：使用的浏览器必须支持 WebGL，这里推荐使用 Chrome 浏览器。

06

—

cesium 环境搭建 - 配置

如果想要使用网络 IP 访问，需要对 server.js 中的文件进行修改

改为

推荐使用编辑器 VSCode + glTF Tools 插件进行开发。

07

—

cesium 该如何学习

类似于 ECharts、G2 Plot 这些可视化图表库，首先我们要知道它都能做成什么东西。

1. 浏览一遍沙盒中的所有示例，都有什么效果，做到心中有数

2. 项目定制化功能时，去查找相关的示例代码（最好弄懂），通过相关的 API修改相应的模块代码

3. 最好对 WebGL 做深层次的学习

4. 开始你的 Cesium 项目之旅吧，相信会越来越熟练（磨刀不误砍柴工）

关键词：