一、小控件

在最第二章‘构建球体’的最后，有提到一些关于viewer视图下的小框架，例如Geocoder(查询)、BaseLayerPicker(图层更换)、timeline(底部时间轴）之类。这里举个例子：

var viewer = new Cesium.Viewer('cesiumContainer', {animation: false, //是否创建动画小器件，左下角仪表baseLayerPicker: false, //是否显示图层选择器fullscreenButton: false, //是否显示全屏按钮geocoder: false, //是否显示geocoder小器件，右上角查询按钮  homeButton: false, //是否显示Home按钮infoBox: false, //是否显示信息框sceneModePicker: false, //是否显示3D/2D选择器selectionIndicator: false, //是否显示选取指示器组件timeline: false, //是否显示时间轴navigationHelpButton: false, //是否显示右上角的帮助按钮scene3DOnly: true, //如果设置为true，则所有几何图形以3D模式绘制以节约GPU资源imageryProvider: new Cesium.WebMapTileServiceImageryProvider({url: "http://t0.tianditu.gov.cn/img_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=img&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles&tk=token",layer: "tdtImgBasicLayer",style: "default",format: "image/jpeg",show: false})});

他们的类型都是布尔型，因此只需要True or Flase就可以了。

二、图层的调用

通过个人理解，我整理了一下添加图层的方法，简要介绍一下：
当baseLyaerPicker(后文简称LP)为True时，可以选择Cesium的图层选择器中提供了的一些图层。例如Bing、Openstreet等
当LP为False的时候，就需要使用ImagerProvider了。这里仅仅列举了几个，这里举两个例子，一个是Esri图层的变换(使用ArcMapServeringProvider)，一个是天地图的变换(用WebMapServiceProvider)。

0、默认图层：

1、Esri图层

     //ESRI底图var esri = new Cesium.ArcGisMapServerImageryProvider({url : 'https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer'});var viewer = new Cesium.Viewer('CesiumContainer',{BaseLayerPicker:false,imageryProvider:esri});

这里没什么说的，展示一下结果：

2、天地图（需要自己申请key）

注册账号，控制台里申请‘网页端’的key就可以啦
注册完成后打开这里查看调用地址：天地图-地图API

拿上述链接里的‘影像底图’调用地址举例：
http://t0.tianditu.gov.cn/img_w/wmts?tk=您的密钥
http://t0.tianditu.gov.cn/img_w/wmts?tk=您的密钥
img_w/c包含两个内容：①img是layer属性；
②w是Web Mercator，c是CGCS 2000坐标系；

下面就是实现：

     //天地图影像底图var tian_i = new Cesium.WebMapTileServiceImageryProvider   ({url:'http://t0.tianditu.gov.cn/img_w/wmts?tk=（你的key）',layer: "img",style: 'default',tileMatrixSetID:'w',format: "tiles",maximumlevel:18});//添加影像var viewer = new Cesium.Viewer('CesiumContainer',{BaseLayerPicker:false,imageryProvider:tian_i});//天地图影像注记var tian_v = new Cesium.WebMapTileServiceImageryProvider({url:'http://t0.tianditu.gov.cn/cia_w/wmts?tk=（你的key）',layer:'cia',style:'default',tileMatrixSetID:'w',format:'tiles',maximumlevel:18});//添加注记viewer.imageryLayers.addImageryProvider(tian_v);

结果：
再把上次的实体添加一下（确实挺丑别笑我）：

Cesium入门04-图层变换相关推荐

vue集成cesium入门教程（1）环境搭建、初始化三维地球
1.概述这篇内容是<vue集成cesium入门教程>的第一篇,我将记录在vue中集成cesium并实现页面的初始化(显示三维地图页面)等学习内容.效果如下: 2.实现步骤首先是 ...
Cesium入门7 - Adding Terrain - 添加地形
2019独角兽企业重金招聘Python工程师标准>>> Cesium入门7 - Adding Terrain - 添加地形 Cesium中文网:http://cesiumcn.org ...
Cesium入门11 - Interactivity - 交互性
Cesium入门11 - Interactivity - 交互性 Cesium中文网:http://cesiumcn.org/ | 国内快速访问:http://cesium.coinidea.com/ ...
【网络爬虫入门04】彻底掌握BeautifulSoup的CSS选择器
[网络爬虫入门04]彻底掌握BeautifulSoup的CSS选择器广东职业技术学院欧浩源 2017-10-21 1.引言目前,除了官方文档之外,市面上及网络详细介绍BeautifulSoup ...
cesium 入门开发系列地图鹰眼功能(附源码下载)
前言 cesium 入门开发系列环境知识点了解: cesium api文档介绍,详细介绍 cesium 每个类的函数以及属性等等 cesium 在线例子内容概览 cesium 结合 leaflet ...
视频教程-Cesium入门-JavaScript
Cesium入门硕士研究生,本硕均毕业于北京师范大学,专业为计算机科学与技术.专注于大数据,数据可视化,Web等领域.Cesium中文网站长:http://cesium.coinidea.com/. ...
cesium 入门开发系列矢量瓦片加载展示(附源码下载)
前言 cesium 入门开发系列环境知识点了解: cesium api文档介绍,详细介绍 cesium 每个类的函数以及属性等等 cesium 在线例子内容概览 cesium 实现矢量瓦片加载效果 ...
VxWorks入门04：安装与配置
本文使用的是VxWorks6.8.3+Workbench3.2.3. 先安装一个Windows7的虚拟机,这个不用介绍. 先下载好安装包第一个ISO文件是基础安装包,第二个是授权服务器(可以不安装, ...
cesium入门示例-测量工具
作为cesium入门示例级别的最后一篇,参考cesium-长度测量和面积测量实现测量工具封装,修改了其中的距离测量函数,计算贴地距离,并对事件内部处理做了调整.包括贴地距离测量.面积测量.结果清除. ...

Cesium入门04-图层变换

文章目录