<!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
- 粉丝: 2948
- 资源: 2183
下载权益
C知道特权
VIP文章
课程特权
VIP享7折，此内容立减5.97元 开通VIP
最新资源
- 物理机安装群晖DS3617教程（用U盘做引导）
- 使用jQuery实现一个加购物车飞入动画
- 本项目旨在开发一个基于情感词典加权组合方式的文本情感分析系统，通过以下几个目标来实现： 构建情感词典：收集并整理包含情感极性（正面或负面）的词汇 加权组合：通过加权机制，根据词汇在文本中的重要性、
- Visual Basic从入门到精通：基础知识与实践指南
- 炫酷文本粒子threejs特效
- hreejs地球世界轮廓线条动画
- 以非线性最小二乘算法为基础的空间坐标转换探讨
- 一种顾及二次项的非线性条件平差法-刘国林
- TradingView 轻量级图表 JavaScript 库的 Python 框架 .zip
- Go语言入门到精通：从环境搭建到高级特性实战教程
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
