在Cesium的viewer中加载网络天地图影像服务和注记服务。
//天地图影像服务
var tdtImagerLayerProvider = new Cesium.WebMapTileServiceImageryProvider({
url:"http://t0.tianditu.com/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",
layer:"tiandituImg",
style:"default",
format:"image/jpeg",
tileMatrixSetID:"tiandituImg",
show:true,
maximumLevel:18
});
//天地图注记服务
var tdtNoteLayerProvider = new Cesium.WebMapTileServiceImageryProvider({
url:"http://t0.tianditu.com/cia_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=cia&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default.jpg",
layer:"tiandituImgMarker",
style:"default",
format:"image/jpeg",
tileMatrixSetID:"tiandituImgMarker",
show:true,
maximumLevel:16
});
var viewer = new Cesium.Viewer('cesiumContainer', {
imageryProvider:tdtImagerLayerProvider,
contextOptions:{
webgl:{
alpha:true
}
},
selectionIndicator:false,
homeButton:false,
animation:false, //是否显示动画控件
baseLayerPicker:false, //是否显示图层选择控件
geocoder:false, //是否显示地名查找控件
timeline:false, //是否显示时间线控件
sceneModePicker:false, //是否显示投影方式控件
navigationHelpButton:false, //是否显示帮助信息控件
infoBox:false, //是否显示点击要素之后显示的信息
fullscreenButton:false //是否显示全屏
});
//取消双击事件
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, 10000000)
});
//----------------------------------多图层控制
var imageryLayers = viewer.imageryLayers;
var tdtNoteLayer = imageryLayers.addImageryProvider(tdtNoteLayerProvider);//添加注记图层
imageryLayers.raiseToTop(tdtNoteLayer);//将注记图层置顶
imageryLayers.alpha= 0.3;//改变透明度
imageryLayers.brightness= 1.5;//改变亮度