Examples/地形.html · lspCode/Cesium-Examples

代码拉取完成,页面将自动刷新

richgiteeai

Watch

不关注关注所有动态仅关注版本发行动态关注但不提醒动态

1 Star 0 Fork 0

lspCode/Cesium-Examples

代码 Issues 0 Pull Requests 0 Wiki 统计流水线

服务

加入 Gitee

与超过 1400万开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)

免费加入

已有帐号? 立即登录

文件

master

分支 (1)

管理

master

克隆/下载

HTTPS SSH SVN SVN+SSH 下载ZIP

提示

下载代码请复制以下命令到终端执行

为确保你提交的代码身份被 Gitee 正确识别,请执行以下命令完成配置

git config --global user.name userName 
git config --global user.email userEmail

初次使用 SSH 协议进行代码克隆、推送等操作时,需按下述提示完成 SSH 配置

1 生成 RSA 密钥

2 获取 RSA 公钥内容,并配置到 SSH公钥中

在 Gitee 上使用 SVN,请访问使用指南

使用 HTTPS 协议时,命令行会出现如下账号密码验证步骤。基于安全考虑,Gitee 建议配置并使用私人令牌替代登录密码进行克隆、推送等操作

Username for 'https://gitee.com': userName

Password for 'https://userName@gitee.com': # 私人令牌

分支 1

标签 0

Cesium-Examples

Examples

地形.html

地形.html 4.74 KB

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
 <meta charset="UTF-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport"
 content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
 <title>地形加载</title>
 <link href="../Build/Cesium/Widgets/widgets.css" rel="stylesheet" />
 <script src="../Build/Cesium/Cesium.js"></script>
 <script src="plugin/sensor.js"></script>
 <style>
 html,
 body,
 #cesiumContainer {
 width: 100%;
 height: 100%;
 margin: 0;
 padding: 0;
 overflow: hidden;
 }
 </style>

</head>

<body>
 <div id="cesiumContainer"></div>
 <script>
 let osm = new Cesium.UrlTemplateImageryProvider({
 url: "http://mt1.google.cn/vt/lyrs=s&hl=zh-CN&x={x}&y={y}&z={z}&s=Gali"
 });

// let osm = Cesium.createOpenStreetMapImageryProvider({
 // url: 'https://a.tile.openstreetmap.org/'
 // });
 let terrain = new Cesium.CesiumTerrainProvider({
 url: "../Source/Terrain/beijing/"
 });
 let viewer = new Cesium.Viewer('cesiumContainer', {
 imageryProvider: osm,
 terrainProvider: terrain,//地形数据源
 contextOptions: {
 webgl: {
 alpha: true
 }
 },
 selectionIndicator: false,
 animation: false, //是否显示动画控件
 baseLayerPicker: false, //是否显示图层选择控件
 geocoder: false, //是否显示地名查找控件
 timeline: false, //是否显示时间线控件
 sceneModePicker: false, //是否显示投影方式控件
 navigationHelpButton: false, //是否显示帮助信息控件
 infoBox: false, //是否显示点击要素之后显示的信息
 fullscreenButton: false,
 shouldAnimate: true //动画播放
 });

//取消双击事件
 //viewer.cesiumWidget.screenSpaceEventHandler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_DOUBLE_CLICK);
 //设置homebutton的位置
 Cesium.Camera.DEFAULT_VIEW_RECTANGLE =
 Cesium.Rectangle.fromDegrees(116.15, 40.54, 116.25, 40.56);//Rectangle(west, south, east, north)
 //设置初始位置
 viewer.camera.setView({
 destination: Cesium.Cartesian3.fromDegrees(116.20, 40.55, 3000000)
 });

//开启深度检测
 //viewer.scene.globe.depthTestAgainstTerrain = true;
		
		let modelMatrix = Cesium.Transforms.eastNorthUpToFixedFrame(
 Cesium.Cartesian3.fromDegrees(116.39,39.91, 0.0));

viewer.scene.primitives.add(Cesium.Model.fromGltf({
 url: '../Apps/SampleData/models/GroundVehicle/GroundVehicle.glb',
 modelMatrix: modelMatrix,
 scale: 10.0
 }));
 
 
		//飞机
 viewer.entities.add({
 name: "飞机",
 position: Cesium.Cartesian3.fromDegrees(116.39,39.91, 2000),
 orientation: Cesium.Transforms.headingPitchRollQuaternion(Cesium.Cartesian3.fromDegrees(116.39,39.91, 3000), new Cesium.HeadingPitchRoll(Cesium.Math.toRadians(0), 0, 0)),//和飞行姿态相关
 model: {
 uri: "../Apps/SampleData/models/CesiumAir/Cesium_Air.glb",
 minimumPixelSize: 128,
 maximumScale: 20000
 }
 });
 
 viewer.entities.add({
 position: Cesium.Cartesian3.fromDegrees(116.39,39.91, 0.0),
 name: '绿色圆',
 ellipse: {
 semiMinorAxis: 10000.0,
 semiMajorAxis: 10000.0,
 height: 0.0,
 material: new Cesium.Color(0, 1, 1, .4)
 }
 });
 
// let r = new Cesium.HeadingPitchRoll(Cesium.Math.toRadians(90),
// Cesium.Math.toRadians(0),
// Cesium.Math.toRadians(0));
// let l = Cesium.Cartesian3.fromDegrees(116.39,39.91, 128);
// let sensorEntity = viewer.entities.add({
// position: l,
// orientation: Cesium.Transforms.headingPitchRollQuaternion(l, r),
// rectangularSensor: new Cesium.RectangularSensorGraphics({
// radius: 1000,
// xHalfAngle: Cesium.Math.toRadians(90),
// yHalfAngle: Cesium.Math.toRadians(90),
// material: new Cesium.Color(0, 1, 1, .4),
// lineColor: new Cesium.Color(0, 1, 1, 1),
// showScanPlane: true,
// scanPlaneColor: new Cesium.Color(0, 1, 1, 1),
// scanPlaneMode: "vertical",
// scanPlaneRate: 3,
// showThroughEllipsoid: !1
// })
// })
 </script>
</body>

</html>

一键复制编辑原始数据按行查看历史

younggis 提交于 2019年07月08日 17:59 +08:00 . 增加地形开挖和雷达扫描效果

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
 <meta charset="UTF-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport"
 content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
 <title>地形加载</title>
 <link href="../Build/Cesium/Widgets/widgets.css" rel="stylesheet" />
 <script src="../Build/Cesium/Cesium.js"></script>
 <script src="plugin/sensor.js"></script>
 <style>
 html,
 body,
 #cesiumContainer {
 width: 100%;
 height: 100%;
 margin: 0;
 padding: 0;
 overflow: hidden;
 }
 </style>

</head>

<body>
 <div id="cesiumContainer"></div>
 <script>
 let osm = new Cesium.UrlTemplateImageryProvider({
 url: "http://mt1.google.cn/vt/lyrs=s&hl=zh-CN&x={x}&y={y}&z={z}&s=Gali"
 });

		// let osm = Cesium.createOpenStreetMapImageryProvider({
 // url: 'https://a.tile.openstreetmap.org/'
 // });
 let terrain = new Cesium.CesiumTerrainProvider({
 url: "../Source/Terrain/beijing/"
 });
 let viewer = new Cesium.Viewer('cesiumContainer', {
 imageryProvider: osm,
 terrainProvider: terrain,//地形数据源
 contextOptions: {
 webgl: {
 alpha: true
 }
 },
 selectionIndicator: false,
 animation: false, //是否显示动画控件
 baseLayerPicker: false, //是否显示图层选择控件
 geocoder: false, //是否显示地名查找控件
 timeline: false, //是否显示时间线控件
 sceneModePicker: false, //是否显示投影方式控件
 navigationHelpButton: false, //是否显示帮助信息控件
 infoBox: false, //是否显示点击要素之后显示的信息
 fullscreenButton: false,
 shouldAnimate: true //动画播放
 });

 //取消双击事件
 //viewer.cesiumWidget.screenSpaceEventHandler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_DOUBLE_CLICK);
 //设置homebutton的位置
 Cesium.Camera.DEFAULT_VIEW_RECTANGLE =
 Cesium.Rectangle.fromDegrees(116.15, 40.54, 116.25, 40.56);//Rectangle(west, south, east, north)
 //设置初始位置
 viewer.camera.setView({
 destination: Cesium.Cartesian3.fromDegrees(116.20, 40.55, 3000000)
 });

 //开启深度检测
 //viewer.scene.globe.depthTestAgainstTerrain = true;
		
		let modelMatrix = Cesium.Transforms.eastNorthUpToFixedFrame(
 Cesium.Cartesian3.fromDegrees(116.39,39.91, 0.0));

 viewer.scene.primitives.add(Cesium.Model.fromGltf({
 url: '../Apps/SampleData/models/GroundVehicle/GroundVehicle.glb',
 modelMatrix: modelMatrix,
 scale: 10.0
 }));
 
 
		//飞机
 viewer.entities.add({
 name: "飞机",
 position: Cesium.Cartesian3.fromDegrees(116.39,39.91, 2000),
 orientation: Cesium.Transforms.headingPitchRollQuaternion(Cesium.Cartesian3.fromDegrees(116.39,39.91, 3000), new Cesium.HeadingPitchRoll(Cesium.Math.toRadians(0), 0, 0)),//和飞行姿态相关
 model: {
 uri: "../Apps/SampleData/models/CesiumAir/Cesium_Air.glb",
 minimumPixelSize: 128,
 maximumScale: 20000
 }
 });
 
 viewer.entities.add({
 position: Cesium.Cartesian3.fromDegrees(116.39,39.91, 0.0),
 name: '绿色圆',
 ellipse: {
 semiMinorAxis: 10000.0,
 semiMajorAxis: 10000.0,
 height: 0.0,
 material: new Cesium.Color(0, 1, 1, .4)
 }
 });
 
// let r = new Cesium.HeadingPitchRoll(Cesium.Math.toRadians(90),
// Cesium.Math.toRadians(0),
// Cesium.Math.toRadians(0));
// let l = Cesium.Cartesian3.fromDegrees(116.39,39.91, 128);
// let sensorEntity = viewer.entities.add({
// position: l,
// orientation: Cesium.Transforms.headingPitchRollQuaternion(l, r),
// rectangularSensor: new Cesium.RectangularSensorGraphics({
// radius: 1000,
// xHalfAngle: Cesium.Math.toRadians(90),
// yHalfAngle: Cesium.Math.toRadians(90),
// material: new Cesium.Color(0, 1, 1, .4),
// lineColor: new Cesium.Color(0, 1, 1, 1),
// showScanPlane: true,
// scanPlaneColor: new Cesium.Color(0, 1, 1, 1),
// scanPlaneMode: "vertical",
// scanPlaneRate: 3,
// showThroughEllipsoid: !1
// })
// })
 </script>
</body>

</html>