Cesium控件及图层加载

var viewer = new Cesium.Viewer(“cesiumCont”,{
geocoder:false, //查找位置工具,查找到之后会将镜头对准找到的地址,默认使用bing地图
homeButton:false, //视角返回初始位置
sceneModePicker:false, //选择视角的模式,有三种:3D,2D,哥伦布视图(CV)
baseLayerPicker:true, //图层选择器,选择要显示的地图服务和地形服务
navigationHelpButton:false, //导航帮助按钮,显示默认的地图控制帮助
animation:false, //动画器件,控制视图动画的播放速度
shouldAnimate:false, //是否有动画
timeline:false, //时间线,指示当前时间,并允许用户跳到特定的时间
credits:false, //版权显示,显示数据归属,必选
fullscreenButton:false, //全屏按钮
infoBox: false, //是否显示点击要素之后显示的信息
requestRenderMode: true, //启用请求渲染模式
scene3DOnly: true, //每个几何实例将只能以3D渲染以节省GPU内存
// globe:true, //全球图层
imageryProviderViewModels: [raster_layer, vector_layer, terrain_layer], //可供BaseLayerPicker选择的图像图层ProviderViewModel数组
selectedImageryProviderViewModel:raster_layer, //当前地形图层的显示模型,仅baseLayerPicker设为true有意义
});
// 天地图影像地图
var raster_layer = new Cesium.ProviderViewModel({
name: “影像底图”,
tooltip: “影像底图”,
iconUrl: “cesium/img/Raster.png”, //显示切换的图标
creationFunction: function () {
var raster = new Cesium.WebMapTileServiceImageryProvider({
url: “http://{s}.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=e9d386cdc4c8ae7e3c878b2547c7b321”,
layer: “img_w”, //WMTS请求的层名称
style: “default”,//WMTS请求的样式名称
format: “tiles”,//MIME类型,用于从服务器检索图像
tileMatrixSetID: “GoogleMapsCompatible”,// 用于WMTS请求的TileMatrixSet的标识符
subdomains: [“t0”, “t1”, “t2”, “t3”, “t4”, “t5”, “t6”, “t7”],//天地图8个服务器
minimumLevel: 0,//最小层级
maximumLevel: 18,//最大层级
});
return raster;
}
});
// 天地图矢量地图
var vector_layer = new Cesium.ProviderViewModel({
name: “矢量底图”,
tooltip: “矢量底图”,
iconUrl: “cesium/img/Vector.png”, //显示切换的图标
creationFunction: function () {
var vector = new Cesium.WebMapTileServiceImageryProvider({
url: “http://{s}.tianditu.gov.cn/vec_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=vec&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles&tk=e9d386cdc4c8ae7e3c878b2547c7b321”,
layer: “img_w”, //WMTS请求的层名称
style: “default”,//WMTS请求的样式名称
format: “tiles”,//MIME类型,用于从服务器检索图像
tileMatrixSetID: “GoogleMapsCompatible”,// 用于WMTS请求的TileMatrixSet的标识符
subdomains: [“t0”, “t1”, “t2”, “t3”, “t4”, “t5”, “t6”, “t7”],//天地图8个服务器
minimumLevel: 0,//最小层级
maximumLevel: 18,//最大层级
});
return vector;
}
});
// 天地图地形地图
var terrain_layer = new Cesium.ProviderViewModel({
name: “地形底图”,
tooltip: “地形底图”,
iconUrl: “cesium/img/Terrain.png”, //显示切换的图标
creationFunction: function () {
var terrain = new Cesium.WebMapTileServiceImageryProvider({
url: ‘http://t0.tianditu.gov.cn/ter_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=ter&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles&tk=e9d386cdc4c8ae7e3c878b2547c7b321’,
layer: “img_w”, //WMTS请求的层名称
style: “default”,//WMTS请求的样式名称
format: “tiles”,//MIME类型,用于从服务器检索图像
tileMatrixSetID: “GoogleMapsCompatible”,// 用于WMTS请求的TileMatrixSet的标识符
subdomains: [“t0”, “t1”, “t2”, “t3”, “t4”, “t5”, “t6”, “t7”],//天地图8个服务器
minimumLevel: 0,//最小层级
maximumLevel: 18,//最大层级
});
return terrain;
}
});

//天地图中文标注(影像及矢量)
var rasterLayer = new Cesium.WebMapTileServiceImageryProvider({ //调用影像图
url: “http://{s}.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=e9d386cdc4c8ae7e3c878b2547c7b321”,//url地址
layer: “img_w”, //WMTS请求的层名称
style: “default”,//WMTS请求的样式名称
format: “tiles”,//MIME类型,用于从服务器检索图像
tileMatrixSetID: “GoogleMapsCompatible”,// 用于WMTS请求的TileMatrixSet的标识符
subdomains: [“t0”, “t1”, “t2”, “t3”, “t4”, “t5”, “t6”, “t7”],//天地图8个服务器
minimumLevel: 0,//最小层级
maximumLevel: 18,//最大层级
});
viewer.imageryLayers.addImageryProvider(rasterLayer); //添加到cesium图层上
var rasterMark = new Cesium.WebMapTileServiceImageryProvider({ //调用影像中文注记服务
url: “http://{s}.tianditu.gov.cn/cia_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=cia&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default.jpg&tk=e9d386cdc4c8ae7e3c878b2547c7b321”,
layer: “cia_w”,
style: “default”,
format: “tiles”,
tileMatrixSetID: “GoogleMapsCompatible”,
subdomains: [“t0”, “t1”, “t2”, “t3”, “t4”, “t5”, “t6”, “t7”],//天地图8个服务器
minimumLevel: 0,
maximumLevel: 18,
});
viewer.imageryLayers.addImageryProvider(rasterMark); //添加到cesium图层上

你可能感兴趣的:(前端,javascript)