首页 > 代码库 > Cesium加载影像
Cesium加载影像
注意:使用自定义数据源时,Cesium.Viewer类参数必须设置为
baseLayerPicker:false
A. 使用天地图数据源
//天地图
var provider=new Cesium.WebMapTileServiceImageryProvider({
url : ‘http://t0.tianditu.com/img_w/wmts?‘,
layer:‘img‘,
style:‘default‘,
format:‘tile‘,
tileMatrixSetID:‘w‘,
credit:new Cesium.Credit(‘天地图全球影响‘),
maximumLevel:18
});
var viewer = new Cesium.Viewer(‘cesiumContainer‘,{
imageryProvider:provider,
baseLayerPicker: true
});
参考其他
全球矢量地图服务
var viewer = new Cesium.Viewer("cesiumContainer", { animation: false, //是否显示动画控件 baseLayerPicker: false, //是否显示图层选择控件 geocoder: true, //是否显示地名查找控件 timeline: false, //是否显示时间线控件 sceneModePicker: true, //是否显示投影方式控件 navigationHelpButton: false, //是否显示帮助信息控件 infoBox: true, //是否显示点击要素之后显示的信息 imageryProvider : new Cesium.WebMapTileServiceImageryProvider({ url: "http://t0.tianditu.com/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", layer: "tdtVecBasicLayer", style: "default", format: "image/jpeg", tileMatrixSetID: "GoogleMapsCompatible", show: false }) });
全球影像地图服务
var viewer = new Cesium.Viewer("cesiumContainer", { animation: false, //是否显示动画控件 baseLayerPicker: false, //是否显示图层选择控件 geocoder: true, //是否显示地名查找控件 timeline: false, //是否显示时间线控件 sceneModePicker: true, //是否显示投影方式控件 navigationHelpButton: false, //是否显示帮助信息控件 infoBox: true, //是否显示点击要素之后显示的信息 imageryProvider: 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: "tdtBasicLayer", style: "default", format: "image/jpeg", tileMatrixSetID: "GoogleMapsCompatible", show: false }) });
全球影像中文注记服务
viewer.imageryLayers.addImageryProvider(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: "tdtAnnoLayer", style: "default", format: "image/jpeg", tileMatrixSetID: "GoogleMapsCompatible", show: false }));
全球矢量中文注记服务
viewer.imageryLayers.addImageryProvider(new Cesium.WebMapTileServiceImageryProvider({ url: "http://t0.tianditu.com/cva_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=cva&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default.jpg", layer: "tdtAnnoLayer", style: "default", format: "image/jpeg", tileMatrixSetID: "GoogleMapsCompatible" }));
B 使用自定义数据源
//自定义的影像数据范围 原点为西经-180,北纬180度,
var tms = new Cesium.UrlTemplateImageryProvider({
url : ‘http://localhost:9999/mongodbwcfservice/GetTileWithGeographicTilingScheme/{z}/{x}/{y}‘,
credit : ‘? Analytical Graphics, Inc.‘,
tilingScheme : new Cesium.GeographicTilingScheme({
numberOfLevelZeroTilesX:4,
numberOfLevelZeroTilesY:2
}),
maximumLevel : 16
});
alert(‘数据源为本地(localhost:9999)‘);
var viewer = new Cesium.Viewer(‘cesiumContainer‘,{
imageryProvider:tms,
baseLayerPicker: false,
animation: false,
geocoder: false,
homeButton: false,
infoBox: false,
timeline: false,
navigationHelpButton: false,
navigationInstructionsInitiallyVisible: false
});
C 单张图片
var viewer = new Cesium.Viewer(‘cesiumContainer‘,{
imageryProvider:new Cesium.SingleTileImageryProvider({
url : ‘./Apps/SampleData/Welcome.jpg‘
}),
baseLayerPicker: false
});
Cesium加载影像
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。