Cesium加载影像、谷歌影像、地形图

时间:2024-05-21 14:24:10

一、Cesium默认加载影像

    <div id="cesiumContainer"></div>   
     <script>        
    	var viewer = new Cesium.Viewer('cesiumContainer');   
     </script>

Cesium加载影像、谷歌影像、地形图

默认加载的影像带版权信息,若要去除,可在style样式中修改:`

.cesium-widget-credits{            
        	display: none !important;/*去除Cesium默认版权信息*/      
}

若要去除左下角和右上角的其他标注或按钮,直接修改viewer的参数:

var viewer=new Cesium.Viewer("cesiumContainer",{            	
	animation:false,//左下角控制动画            
	baseLayerPicker:false,//右上角图层选择器            
	fullscreenButton:false,            
	geocoder:false,//右上角搜索            
	homeButton:false,            
	infoBox:false,            
	scene3DOnly:false,//仅仅显示3d,可隐藏右上角2d和3d按钮 
	selectionoIndicatr:false,            
	timeline:false,//最下面时间轴            
	navigationHelpButton:false,//右上角帮助按钮 
	navigationInstructionsInitiallyVisibl:false,            
	useDefaultRenderLoop:true,            
	showRenderLoopErrors:true,            
	projectionPicker:false,//投影选择器     
});

Cesium加载影像、谷歌影像、地形图

二、Cesium加载谷歌影像

var guge=new Cesium.UrlTemplateImageryProvider({            	
	url:'http://www.google.cn/maps/[email protected]&x={x}&y={y}&z={z}',  
	tilingScheme:new Cesium.WebMercatorTilingScheme(),            	
	minimumLevel:1,            
	maximumLevel:20        
});       
var viewer=new Cesium.Viewer("cesiumContainer",{            
	baseLayerPicker : false,           
	imageryProvider : guge      
});

Cesium加载影像、谷歌影像、地形图

三、Cesium加载全球地形图

 var terrain=new Cesium.createWorldTerrain({           
         requestWaterMask:true,           
         requestVertexNormals:true       
  });        
 viewer.terrainProvider=terrain;//加入世界地形图

Cesium加载影像、谷歌影像、地形图