<!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
- 粉丝: 2910
- 资源: 2183
下载权益
C知道特权
VIP文章
课程特权
VIP享7折，此内容立减5.97元 开通VIP
最新资源
- NOI 全国青少年信息学奥林匹克竞赛（官网）-2024.11.05.pdf
- 【Unity抢劫和犯罪题材的低多边形3D资源包】POLYGON Heist - Low Poly 3D Art
- 网络安全是一个广泛的领域，涉及的知识和技能非常多样.docx
- 用Python实现，PySide构建GUI界面的“井字棋”游戏 具备学习功能（源码）
- 系统测试报告模板 测试目的、测试依据、测试准备、测试内容、测试结果及分析、总结
- 雷柏2.4G无线鼠标键盘对码软件V3.1
- Python基础入门-待办事项列表.pdf
- 240301031刘炳炎咖啡网站导航.psd
- 数据集【YOLO目标检测】道路油污检测数据集 170 张，YOLO/VOC格式标注！
- 基于Robot FrameWork框架的自动化测试
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
