直接定位与飞行定位

最新推荐文章于 2025-05-28 22:12:41 发布

一个修理地球的人

最新推荐文章于 2025-05-28 22:12:41 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： Cesium 文章标签： Cesium 定位

本文链接：https://blog.youkuaiyun.com/wo_buzhidao/article/details/84140862

Cesium 专栏收录该内容

18 篇文章

订阅专栏

Cesium两种视角定位方式

代码如下

代码如下

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>直接定位与飞行定位</title>
	<link rel="stylesheet" href="../Build/Widgets/widgets.css" />
		<script src="../Build/Cesium.js"></script>
	</head>
	<body>
		<div  id="cesiumContainer" style="width: 100%;height: 900px;background-color: rosybrown;"></div>
	</body>
	<script>
		debugger
		  	var viewer = new Cesium.Viewer('cesiumContainer',{ 
	   		//需要进行可视化的数据源的集合
		             animation: false, //是否显示动画控件
		            shouldAnimate : true,
		            homeButton: false, //是否显示Home按钮
		            fullscreenButton: false, //是否显示全屏按钮
		            baseLayerPicker: false, //是否显示图层选择控件
		            geocoder: false, //是否显示地名查找控件
		            timeline: false, //是否显示时间线控件
		            sceneModePicker: true, //是否显示投影方式控件
		            navigationHelpButton: false, //是否显示帮助信息控件
		            infoBox: false, //是否显示点击要素之后显示的信息
		            requestRenderMode: true, //启用请求渲染模式
		            scene3DOnly: false, //每个几何实例将只能以3D渲染以节省GPU内存
		            sceneMode: 3, //初始场景模式 1 2D模式 2 2D循环模式 3 3D模式  Cesium.SceneMode
		            fullscreenElement: document.body, //全屏时渲染的HTML元素 暂时没发现用处
		            imageryProvider:new Cesium.createTileMapServiceImageryProvider({  
					     url : 'http://10.10.15.100:8080/arcgisTile',
					     credit:"googleTile",
						})
		});
	
		  //全球影像中文注记服务
	   	viewer.imageryLayers.addImageryProvider(new Cesium.createTileMapServiceImageryProvider({
		    url: "http://10.10.15.100:8080/tdtlabel",
		    style: "default",
		    format: "image/jpeg",
		}));
		/**
		 * 直接定位
		
		viewer.camera.setView({
			destination: Cesium.Cartesian3.fromDegrees(112.315216, 39.5125612, 10000)  //定位坐标点，建议使用谷歌地球坐标位置无偏差
		});
		 */
		/**
		 * 飞行定位
		 */
		viewer.scene.camera.flyTo({
			destination: Cesium.Cartesian3.fromDegrees(112.315216, 39.5125612, 10000),  //定位坐标点，建议使用谷歌地球坐标位置无偏差
			duration:15   //定位的时间间隔
		});
		
	</script>
</html>