cesium入门(1)

为什么学cesium

上一篇博客写的是layui，还没玩熟，又被告知项目得用cesium做，只能匆忙学一学ceisum。时间紧，压力大，前几天都感觉有一点点抑郁了。学起来感觉ceisum是真的强大，我学东西算慢的，这里把自己的经历记下来以免下次再使用的时候忘记，如果能方便到想我这样的新手就更好了。

安装

学cesium要安装的东西挺多的，我下载的东西有cesium，nodejs,vccode，真的算是从小白开始了。
下完之后要相应的进行配置，这里我配置了很久，主要是npm安装卡了很久，推荐的安装教程：node+npm+cesium安装教程

相关推荐的新手教程

一般学代码最好的是看官方文档，但cesium的官方文档我不是很能理解，可能是我水平不够吧，也可能是cesium的功能实在太强了。
还有个中文cesium的网站，这个能看懂，但感觉好像找不到我要使用的功能在哪。
另外可以在b站,公众号等各种途径搜索教程。
这里我主要看的b站上的一个快速入门视频，影像版本不好定位，不做记录下次又得反复观看，这里我把笔记记录下来。

cesium入门笔记

1. 首先是学习的顺序，解决能看官方文档感到迷茫的问题。b站的up:elfc2000建议的顺序是这样的：
   
   imagerylayer可以实现给地球换皮肤，terrianproviser 可加载三维立体的数据（包含地形效果，primitive涉及了图形学基础知识，最后一个可以实现在地球上呈现火花什么的）

2. 下面是这个视频里的一些小例子，我将其中有些整理了出来。

首先是去掉cesium版权信息的代码：

viewer._cesiumWidget._creditContainer.style.display = "none"; // 去版权信息

配置helloworld实例里的组件：

   viewer = new Cesium.Viewer('cesiumContainer', {
        geocoder: false,//是否显示geocoder小器件，右上角查询按钮
        baseLayerPicker: false, //是否显示图层选择器 
        navigationHelpButton: false, //是否显示帮助按钮
    });

可以改变的组件一共有9个，具体可看cesium中文网

改变默认的试点到中国：

var extent = Cesium.retangle.fromDegrees(100,10,120,70);
Cesium.Camera.DEFAULT_VIEW_RECTANGLE = extent;
Cesium.Camera.DEFAULT_VIEW_FACTOR = 0;

这个要放在VIEWER创建之前才有用

添加地形数据和别的图层我暂时没用到，就不敲了，大家有需求可以去看视频