Cesium笔记之快速入门

快速开始

1.创建放置地图的容器

<div id='map'></div>

设置样式，使之全屏显示

#map {
  position: absolute;
  width: 100%;
  height: 100%;
}

2.创建全局的Cesium视图对象

window.viewer = new Cesium.Viewer('map', {
    animation: false,
    baseLayerPicker: false,
    geocoder: false,
    scene3DOnly: false,
    sceneModePicker: false,
    selectionIndicator: false,
    infoBox: false,
    homeButton: false,
    timeline: false,
    navigationHelpButton: false,
    fullscreenButton: false,
    imageryProvider: new Cesium.ArcGisMapServerImageryProvider({
       url : 'https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer'
    })
});

注：上面基于ArcGIS全球影像地图创建了一个三维地球。其中各种参数均设为false，只保留了一个干净的地球。如果想了解各个参数，请参照Cesium API文档。

3.根据经纬高设置当前视角

Cesium默认的视角高度大概就是15000000米。

viewer.camera.setView({
    destination: Cesium.Cartesian3.fromDegrees(112, 30, 15000000)
});

4.创建一个简单的点实体

let point = viewer.entites.add({
	name: 'point',
	position: Cesium.Cartesian3.fromDegress(112, 30),
	point: {
		color: Cesium.Color.RED,
		pixelSize: 10,
		outlineColor: Cesium.BLACK,
		outlineWidth: 3
	}
});

---

以上是Cesium一个简单的入门，通过上面代码可以创建一个三维虚拟地球，设置视角高度，创建简单的实体。具体Cesium如何下载配置，请前往Cesium官网下载最新稳定版。

---

created by @SpiderWang
转载请注明作者及链接