1.createWorldTerrain(创建地形)
2.EllipsoidTerrainProvider(操作地形数据的接口)提供了最简单的,无需额外负担的地形数据来构网
var worldTerrain = Cesium.createWorldTerrain({
requestWaterMask: true,
requestVertexNormals: true
});
var ellipsoidProvider = new Cesium.EllipsoidTerrainProvider();
var mtdt = new Cesium.WebMapTileServiceImageryProvider({
url: 'http://t0.tianditu.com/img_w/wmts?',
layer: 'img',
style: 'default',
format: 'tiles',
tileMatrixSetID: 'w',
credit: new Cesium.Credit('天地图全球影像服务'),
maximumLevel: 18
});
var viewer = new Cesium.Viewer('cesiumContainer', {
imageryProvider: mtdt,
contextOptions: {
webgl: {
alpha: true
}
},
creditContainer: "creditContainer",
selectionIndicator: false,
animation: false, //是否显示动画控件
baseLayerPicker: false, //是否显示图层选择控件
geocoder: false, //是否显示地名查找控件
timeline: false, //是否显示时间线控件
sceneModePicker: true, //是否显示投影方式控件
navigationHelpButton: false, //是否显示帮助信息控件
infoBox: false, //是否显示点击要素之后显示的信息
fullscreenButton: true
});
viewer.terrainProvider = ellipsoidProvider;//地形数据源 terrainProvider
//取消双击事件 viewer.cesiumWidget.screenSpaceEventHandler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_DOUBLE_CLICK);
//设置homebutton的位置
Cesium.Camera.DEFAULT_VIEW_RECTANGLE =
Cesium.Rectangle.fromDegrees(110.15, 34.54, 110.25, 34.56);//Rectangle(west, south, east, north)
//设置初始位置
viewer.camera.setView({
destination: Cesium.Cartesian3.fromDegrees(110.20, 34.55, 3000000)
});
在viewer初始化时将baseLayerPicker设置为true,
2.本地地形数据处理及加载
由于Cesium加载地形数据是特定的.terrain格式数据,下载大部分地形原数据都是.tif格式的,因此需要转换工具进行地形数据的处理。很多乐于奉献的大牛已经写好了转换工具,现在使用最多是叫ctb一个工具。下面我们就了解下具体的处理过程:
http://blog.sina.com.cn/s/blog_15e866bbe0102yvem.html 地图数据格式转换方法
3.发布地形 自定义地图数据源
var terrainProvider = new Cesium.CesiumTerrainProvider({
url : ‘./sampledata/terrain/ctb-merger/’
});
viewer.terrainProvider = terrainProvider;//指定地形数据源
viewer.scene.fxaa = false;//抗锯齿
viewer.scene.fog.enabled = false;
4.地形数据采样
sampleTerrain接口允许我们使用异步方式请求指定坐标点的高程信息
//sampleTerrain返回是promise异步类型对象,需要使用when接口调用获取结果。
//我们编写一个地形获取工具:
var TerrainTool=(
function () {
var terrainProvider = new Cesium.CesiumTerrainProvider({
url: './sampledata/terrain/ctb-merger/'
});
var terrainLevel = 14;//数据等级
function _() {
}
_.LonlatPointsTerrainData = function (lonlats, callback) {
//请求高程
var pointArrInput = [];
for (var i = 0; i < lonlats.length; i++) {
pointArrInput.push(Cesium.Cartographic.fromDegrees(lonlats[i].lon, lonlats[i].lat));
}
var promise = Cesium.sampleTerrain(terrainProvider, terrainLevel, pointArrInput);//pointArrInput
Cesium.when(promise, function (updatedPositions) {
callback(updatedPositions);
});
};
return _;
}
)();
在鼠标点击事件中调用:
var CesiumEventHandler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas);
//得到当前三维场景的椭球体
var ellipsoid = viewer.scene.globe.ellipsoid;
CesiumEventHandler.setInputAction(function (movement) {
cartesian = viewer.camera.pickEllipsoid(movement.position, ellipsoid);//movement.endPosition
if (cartesian) {
//将笛卡尔坐标转换为地理坐标
var cartographic = Cesium.Cartographic.fromCartesian(cartesian);
var longitudeDegree = Cesium.Math.toDegrees(cartographic.longitude);
var latitudeDegree = Cesium.Math.toDegrees(cartographic.latitude);
TerrainTool.LonlatPointsTerrainData([{ 'lon': longitudeDegree, 'lat': latitudeDegree }],
function (terrainData) {
if (terrainData.length > 0) {
+
'\nlat:' + Cesium.Math.toDegrees(terrainData[0].latitude) +
'\nheight:' + (terrainData[0].height ? terrainData[0].height : 0)
);
} else {
;
}
});
}
}, Cesium.ScreenSpaceEventType.LEFT_UP);