<!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
- 粉丝: 2727
- 资源: 2148
下载权益
C知道特权
VIP文章
课程特权
VIP享7折，此内容立减5.97元 开通VIP
最新资源
- 支持易码支付的聚合支付最新破解去后门源码.zip
- 基于传统CS模式的Socket聊天室.zip
- 租号平台源码 支持单独租用或合租使用.rar
- 数据库课程设计：TD-LTE干扰分析系统
- 协同过滤算法，Collaborative Filtering(CF)+源代码+文档说明
- 协同过滤推荐算法+源代码+文档说明
- 前后端分离架构简要介绍.pdf
- 基于Springboot和Vue的月度员工绩效考核管理系统源码 月度员工绩效考核管理系统代码（高分毕设）
- 基于Springboot和Vue的月度员工绩效考核管理系统源码 月度员工绩效考核管理系统代码（高分毕设）
- 基于Springboot和Vue的房屋租赁系统源码 房屋租赁系统代码（98分期末优秀大作业）
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
