<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<title>cesium圆圈警戒扫描</title>
<link href="lib/Cesium/Widgets/widgets.css" rel="stylesheet" />
<script type="text/javascript" src="lib/Cesium/Cesium.js"></script>
<style>
html, body, #cesiumContainer {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}
#menu {
position: absolute;
top: 80px;
left: 10px;
z-index: 999;
}
</style>
</head>
<body>
<div id="cesiumContainer" class="fullSize"></div>
<div id="creditContainer" style="display: none;"></div>
<div id="menu">
<p>
<button onclick="setvisible('position')">定位</button>
<button onclick="setvisible('add')">添加</button>
<button onclick="setvisible('del')">删除</button>
</p>
</div>
<script>
var image_Source = new Cesium.UrlTemplateImageryProvider({
//url: 'http://mt0.google.cn/vt/lyrs=t,r&hl=zh-CN&gl=cn&x={x}&y={y}&z={z}',
//url: 'https://server.arcgisonline.com/arcgis/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}',
url: "http://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineStreetPurplishBlue/MapServer/tile/{z}/{y}/{x}",
//tilingScheme : new Cesium.GeographicTilingScheme(),
credit: ''
});
var viewer = new Cesium.Viewer('cesiumContainer', {
geocoder: false,
homeButton: false,
sceneModePicker: false,
fullscreenButton: false,
vrButton: false,
baseLayerPicker: false,
infoBox: false,
selectionIndicator: true,
animation: false,
timeline: false,
shouldAnimate: true,
navigationHelpButton: false,
navigationInstructionsInitiallyVisible: false,
imageryProvider: image_Source
});
var lat = 40.70524201566827;// 42.006;
var lon = -74.01296152309055;//128.055;
viewer.scene.globe.enableLighting = false;
viewer.scene.globe.depthTestAgainstTerrain = true;
viewer.scene.globe.showGroundAtmosphere = false;
//取消双击事件
viewer.cesiumWidget.screenSpaceEventHandler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_DOUBLE_CLICK);
/*var tileset = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({
url: 'http://localhost:8010/3dtiles/NewYork/tileset.json' // ./data/3dtiles-lab/tileset.json
}));*/
// Load the NYC buildings tileset.
//var tileset = new Cesium.Cesium3DTileset({ url: Cesium.IonResource.fromAssetId(5741) });
var tileset = new Cesium.Cesium3DTileset({ url: 'NewYork-3dtiles/tileset.json'});
viewer.scene.primitives.add(tileset);
tileset.readyPromise.then(function () {
var boundingSphere = tileset.boundingSphere;
viewer.camera.viewBoundingSphere(boundingSphere, new Cesium.HeadingPitchRange(0.0, -0.5, boundingSphere.radius));
viewer.camera.lookAtTransform(Cesium.Matrix4.IDENTITY);
}).otherwise(function (error) {
throw (error);
});
/*
添加扫描线 depth关闭 lon:-74.01296152309055 lat:40.70524201566827 height:129.14366696393927
viewer
cartographicCenter 扫描中心
maxRadius 最大半径 米
scanColor 扫描颜色
duration 持续时间 毫秒
*/
function AddCircleScanPostStage(viewer, cartographicCenter, maxRadius, scanColor, duration) {
var ScanSegmentShader =
"uniform sampler2D colorTexture;\n" +
"uniform sampler2D depthTexture;\n" +
"varying vec2 v_textureCoordinates;\n" +
"uniform vec4 u_scanCenterEC;\n" +
"uniform vec3 u_scanPlaneNormalEC;\n" +
"uniform float u_radius;\n" +
"uniform vec4 u_scanColor;\n" +
"vec4 toEye(in vec2 uv, in float depth)\n" +
" {\n" +
" vec2 xy = vec2((uv.x * 2.0 - 1.0),(uv.y * 2.0 - 1.0));\n" +
" vec4 posInCamera =czm_inverseProjection * vec4(xy, depth, 1.0);\n" +
" posInCamera =posInCamera / posInCamera.w;\n" +
" return posInCamera;\n" +
" }\n" +
"vec3 pointProjectOnPlane(in vec3 planeNormal, in vec3 planeOrigin, in vec3 point)\n" +
"{\n" +
"vec3 v01 = point -planeOrigin;\n" +
"float d = dot(planeNormal, v01) ;\n" +
"return (point - planeNormal * d);\n" +
"}\n" +
"float getDepth(in vec4 depth)\n" +
"{\n" +
"float z_window = czm_unpackDepth(depth);\n" +
"z_window = czm_reverseLogDepth(z_window);\n" +
"float n_range = czm_depthRange.near;\n" +
"float f_range = czm_depthRange.far;\n" +
"return (2.0 * z_window - n_range - f_range) / (f_range - n_range);\n" +
"}\n" +
"void main()\n" +
"{\n" +
"gl_FragColor = texture2D(colorTexture, v_textureCoordinates);\n" +
"float depth = getDepth( texture2D(depthTexture, v_textureCoordinates));\n" +
"vec4 viewPos = toEye(v_textureCoordinates, depth);\n" +
"vec3 prjOnPlane = pointProjectOnPlane(u_scanPlaneNormalEC.xyz, u_scanCenterEC.xyz, viewPos.xyz);\n" +
"float dis = length(prjOnPlane.xyz - u_scanCenterEC.xyz);\n" +
"if(dis < u_radius)\n" +
"{\n" +
"float f = 1.0 -abs(u_radius - dis) / u_radius;\n" +
"f = pow(f, 4.0);\n" +
"gl_FragColor = mix(gl_FragColor, u_scanColor, f);\n" +
"}\n" +
"}\n";
var _Cartesian3Center = Cesium.Cartographic.toCartesian(cartographicCenter);
var _Cartesian4Center = new Cesium.Cartesian4(_Cartesian3Center.x, _Cartesian3Center.y, _Cartesian3Center.z, 1);
var _CartographicCenter1 = new Cesium.Cartographic(cartographicCenter.longitude, cartographicCenter.latitude, cartographicCenter.height + 500);
var _Cartesian3Center1 = Cesium.Cartographic.toCartesian(_CartographicCenter1);
var _Cartesian4Center1 = new Cesium.Cartesian4(_Cartesian3Center1.x, _Cartesian3Center1.y, _Cartesian3Center1.z, 1);
var _time = (new Date()).getTime();
var _scratchCartesian4Center = new Cesium.Cartesian4();
var _scratchCartesian4Center1 = new Cesium.Cartesian4();
var _scratchCartesian3Normal = new Cesium.Cartesian3();
var ScanPostStage = new Cesium.PostProcessStage({
fragmentShader: ScanSegmentShader,
uniforms: {
u_scanCenterEC: function () {
return Cesium.Matrix4.multiplyByVector(viewer.camera._viewMatrix, _Cartesian4Center, _scratchCartesian4Center);
},
u_scanPlaneNormalEC: function () {
var temp = Cesium.Matrix4.multiplyByVector(viewer.camera._viewMatrix, _Cartesian4Center, _scratchCartesian4Center);
var temp1 = Cesium.Matrix4.multiplyByVector(viewer.camera._viewMatrix, _Cartesian4Center1, _scratchCartesian4Center1);
_scr
cesium圆圈警戒扫描.zip （653个子文件） 
11.b3dm 631KB 10.b3dm 514KB 7.b3dm 483KB 1.b3dm 387KB 10.b3dm 383KB 1.b3dm 381KB 8.b3dm 377KB 9.b3dm 370KB 0.b3dm 364KB 11.b3dm 354KB 6.b3dm 343KB 6.b3dm 335KB 12.b3dm 334KB 3.b3dm 333KB 13.b3dm 327KB 0.b3dm 323KB 0.b3dm 314KB 12.b3dm 313KB 11.b3dm 310KB 13.b3dm 308KB 11.b3dm 300KB 2.b3dm 299KB 0.b3dm 297KB 14.b3dm 293KB 15.b3dm 293KB 13.b3dm 290KB 9.b3dm 283KB 10.b3dm 282KB 14.b3dm 282KB 7.b3dm 281KB 11.b3dm 281KB 6.b3dm 280KB 0.b3dm 278KB 14.b3dm 275KB 13.b3dm 275KB 10.b3dm 273KB 2.b3dm 272KB 3.b3dm 272KB 1.b3dm 272KB 3.b3dm 272KB 2.b3dm 272KB 1.b3dm 271KB 1.b3dm 271KB 6.b3dm 271KB 5.b3dm 270KB 4.b3dm 269KB 6.b3dm 268KB 1.b3dm 268KB 5.b3dm 268KB 1.b3dm 267KB 6.b3dm 267KB 4.b3dm 267KB 3.b3dm 267KB 2.b3dm 267KB 7.b3dm 266KB 4.b3dm 265KB 6.b3dm 265KB 4.b3dm 265KB 5.b3dm 265KB 9.b3dm 265KB 2.b3dm 265KB 2.b3dm 264KB 7.b3dm 264KB 3.b3dm 264KB 4.b3dm 264KB 0.b3dm 264KB 0.b3dm 264KB 8.b3dm 264KB 1.b3dm 264KB 3.b3dm 264KB 7.b3dm 263KB 0.b3dm 263KB 1.b3dm 263KB 8.b3dm 263KB 5.b3dm 263KB 4.b3dm 262KB 3.b3dm 262KB 12.b3dm 262KB 4.b3dm 262KB 8.b3dm 262KB 7.b3dm 261KB 9.b3dm 261KB 4.b3dm 261KB 4.b3dm 261KB 12.b3dm 261KB 10.b3dm 261KB 3.b3dm 261KB 11.b3dm 261KB 6.b3dm 261KB 11.b3dm 261KB 2.b3dm 260KB 7.b3dm 260KB 5.b3dm 260KB 0.b3dm 260KB 1.b3dm 260KB 4.b3dm 260KB 5.b3dm 260KB 3.b3dm 259KB 8.b3dm 259KB 10.b3dm 259KB共 653 条
- 1
- 2
- 3
- 4
- 5
- 6
- 7
资源评论
skyJ
- 粉丝: 3006
- 资源: 2183
下载权益
C知道特权
VIP文章
课程特权
VIP享7折，此内容立减5.97元 开通VIP
最新资源
- 计算机网络学习资源汇总
- office visio 图标库
- pytorch安装包 windows 1.8.0 python 3.7
- 有彩色装饰物的小型圣诞树的python代码
- Java通用 Jar包启动脚本
- 【格林大华期货-2024研报】研究院专题报告：四季度中国经济增速回升可期.pdf
- 【格林期货-2024研报】三油两粕早盘提示.pdf
- 【格林期货-2024研报】市场快讯：红枣仍以偏空思路对待.pdf
- 【格林期货-2024研报】四季度中国经济增速回升可期.pdf
- 数据库课程设计 社区管理系统 使用mysql实现，包含运行结果图（未进行前端页面的设计）
- 【中信期货-2024研报】贵金属策略日报：除非特朗普政策预期扭转，否则短期贵金属估值仍偏高.pdf
- 【中邮证券-2024研报】业绩稳健增长，国产替代持续推进.pdf
- 【中信期货-2024研报】股市情绪回调，债市供给担忧仍存.pdf
- 【中邮证券-2024研报】Q3业绩高增，臂式产品有望持续放量.pdf
- 【中信期货-2024研报】中信期货晨报20241115：商品期货多数收跌，有色金属板块全面走低.pdf
- 【中原证券-2024研报】长安汽车（000625）：公司点评报告：Q3毛利率环比改善，新能源订单表现亮眼.pdf
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
