Cesium：实现漫游飞行
2024-05-10 02:41:47
参考网上代码实现了漫游飞行，只是简单的飞行。
下载地址
运行效果
核心代码
index.html
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><link rel="stylesheet" href="js/Cesium1.63/Widgets/widgets.css"><link rel="stylesheet" href="css/bootstrap.css"><link rel="stylesheet" href="css/cesiumviewer.css"><link rel="stylesheet" href="css/DrawHelper.css"><link rel="stylesheet" href="js/jqueryDialog/jDialog/jDialog.css"><link rel="stylesheet" href="css/index.css">
</head>
<body>
<div id="box"></div><script src="js/jquery-3.4.1.js"></script>
<script src="js/Cesium1.63/Cesium.js"></script>
<script src="js/jqueryDialog/jDialog.js"></script>
<script src="js/DrawHelper.js"></script>
<script src="js/viewerCesiumNavigationMixin.js"></script>
<script src="js/flycesium.js"></script>
<script>viewer = new Cesium.Viewer('box', {animation: false,baseLayerPicker: false,geocoder: true,timeline: false,sceneModePicker: true,navigationHelpButton: false,useDefaultRenderLoop: true,showRenderLoopErrors: true,fullscreenButton: true,fullscreenElement: 'map3d',infoBox: true,mapProjection: new Cesium.WebMercatorProjection(),imageryProvider: new Cesium.WebMapTileServiceImageryProvider({url: "http://t0.tianditu.com/img_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=img&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles&tk=ebf64362215c081f8317203220f133eb",layer: "tdtBasicLayer",style: "default",format: "image/jpeg",tileMatrixSetID: "GoogleMapsCompatible",show: false,maximumLevel: 18})});var drawHelper = new DrawHelper(viewer);//三维飞行初始化bxmap.FlyCesium.Init(viewer, drawHelper,'box');//初始化漫游飞行路径功能
</script>
</body>
</html>
flyCesium.js
var bxmap = bxmap || {};
bxmap.FlyCesium = {cesiumViewer: null,draw3DObj:null,drawHelper:null,isDrawFly: false,//设定路线模式drawPolyline: null,//飞行绘制路线parentID:null,node:null,data:[/*{id:'1',name:'阳江闸坡',geojson:'{"orientation":{"heading":0.07372076173362352,"pitch":-1.5574628887292024,"roll":0},"position":{"x":-2205629.231433604,"y":5509184.64306962,"z":2331219.615547844},"geometry":{"type":"LineString","coordinates":[[111.8181532375421,21.57868178213224],[111.81835028960268,21.578460581633188],[111.81832383076255,21.57812489081727],[111.81847943987464,21.577930686377922],[111.81878489838651,21.57765953027421],[111.81916083936886,21.577412646930927],[111.81958489944898,21.57729241143278],[111.82004766614196,21.57718315464893],[111.8206409631356,21.577000552080584],[111.82134398589339,21.576873639989994],[111.8219423400026,21.576726154070943],[111.822467537162,21.576376210912294],[111.82307030263561,21.576058642812292],[111.8237103973151,21.5756704298083],[111.8240924390803,21.575296152837485],[111.82504071801145,21.575766169089448],[111.82603850185104,21.576124273877287],[111.82694738799758,21.576428149353344],[111.82754018969692,21.576728981595224],[111.828099605676,21.57697046673728],[111.82845968318266,21.577307788777407],[111.8287111214647,21.577998110617774],[111.82881328135024,21.578557636789135],[111.82905095574245,21.57877846306897],[111.82918966895863,21.579074053131905],[111.82928422024466,21.579329257594996],[111.82930019172734,21.579630618390876],[111.82966603969574,21.580020790142015],[111.82960868244719,21.580744679418963],[111.82989219533579,21.581251462292837],[111.83013608532544,21.582236343172],[111.83037855800974,21.58254231013029],[111.83032824715998,21.58299431932842],[111.83001717858694,21.583468817164515],[111.8299185766154,21.584290601587544],[111.82948276544901,21.58496623602712],[111.8289749235787,21.58556878427974],[111.82886305199469,21.585776309810406],[111.8287779821505,21.585946333271792],[111.82865496967007,21.586265136888645],[111.82847674720864,21.586438092096014],[111.82845974740698,21.586567373767977],[111.828355170664,21.586736247366822],[111.82830843296874,21.586863152790087],[111.82825365102633,21.58710380271154],[111.82821734971404,21.587138762444976],[111.82817916952548,21.587294814193356],[111.82787759367034,21.587314539280754],[111.82719468513524,21.587237821164194],[111.82672929414602,21.58716013804561],[111.82658494057793,21.587131014021804],[111.82652478882481,21.587094797111455],[111.82647814913857,21.58694770659332],[111.82649812273736,21.58651375697629],[111.82650209141173,21.586517166652694],[111.82650209141173,21.586517166652694]]}}'}*/],//漫游路径信息模拟数据Init: function (cesiumViewer, drawHelper,parentID) {this.cesiumViewer = cesiumViewer; //cesium对象this.drawHelper = drawHelper;//drawHelper对象this.parentID = parentID;//父容器this.InitHtml();this.InitEvent();this.loadData();},InitHtml:function(){var parent = document.getElementById(bxmap.FlyCesium.parentID);bxmap.FlyCesium.node = `<div id= "fly3DPaths" class="fly3DPaths"><div class="fly3DPaths_title">操作菜单 <span id="fly3DClose" class="fly3DClose"></span></div><!--新增--><!-- tab导航部分 --><div class='fly3DPaths_tab'><ul style='margin-left:0;' class="fly3DPaths_tab_ul"><li id="overFlyClick"><span><span class='flss'></span><a href='javascript:void(0)'>预设路线</a></span></li><li id="drawFlyCilck" class="select"><span><span class='flss'></span><a href='javascript:void(0);'>手动绘制</a></span></li></ul></div><!-- tab内容部分 --><!-- 预设路线 --><div id='overFlyPage' style='height: 100%;; display:none'><div style="padding: 5px;margin-top: 5px;"><div class='ydph-table-wrap'><div class='ydph-talbe-head'><table id='overFly_table' class='table table-bordered'><thead><tr><!--<th class='colspan1'><input type='checkbox' οnchange=''/></th>--><th class='colspan4'>名称</th><th class='colspan2'>操作</th><th class='colspan2'>修改</th><th class='colspan2'>删除</th></tr></thead><tbody></tbody></table></div></div></div></div><!-- 手动绘制 --><div id='drawFlyPage' style='height: 100%'><div class="fly3DPaths_content"><input id="start_Fly3DPaths" class="fly3DPaths_model_id" type="button" value="开始飞行"><input id="pause_Fly3DPaths" class="fly3DPaths_model_id" type="button" value="暂停飞行"><input id="playForward_Fly3DPaths" class="fly3DPaths_model_id" type="button" value="向前飞行"><input id="playReverse_Fly3DPaths" class="fly3DPaths_model_id" type="button" value="向后飞行"><input id="draw_Fly3DPaths" class="fly3DPaths_model_id" type="button" value="设定路线"><input id="save_Fly3DPaths" class="fly3DPaths_model_id" type="button" value="保存路线"><input id="clear_Fly3DPaths" class="fly3DPaths_model_id" type="button" value="清空路线"><input id="stop_Fly3DPaths" class="fly3DPaths_model_id" type="button" value="退出飞行"></div></div></div>`;$(parent).append(bxmap.FlyCesium.node);},InitEvent:function () {//飞行路径顶端部分的切换事件$(".fly3DPaths_tab li").bind("click", function () {$('.fly3DPaths_tab_ul>li').each(function(index){$('.fly3DPaths_tab_ul>li').eq(index).removeClass('select');});var $overFlyPage=$("#overFlyPage");var $drawFlyPage=$("#drawFlyPage");//三角形标识切换switch ($(this).index()) {case 0://预设路线$('#overFlyClick').addClass('select');$overFlyPage.css({ display: "block" });$drawFlyPage.css({ display: "none" });bxmap.FlyCesium.loadData();break;case 1://手动绘制$('#drawFlyCilck').addClass('select');$overFlyPage.css({ display: "none" });$drawFlyPage.css({ display: "block" });break;}});//开始飞行$("#start_Fly3DPaths").click(function(){//debugger;if(bxmap.FlyCesium.draw3DObj){bxmap.FlyCesium.showFly3DPaths(bxmap.FlyCesium.draw3DObj);}else{jDialog.dialog({title: "提示信息",modal: true,// 非模态，即不显示遮罩层autoClose: 1500,content: "漫游路线不存在"});}});//暂停飞行$("#pause_Fly3DPaths").click(function(){bxmap.FlyCesium.pauseFly3DPaths();});//向前飞行$("#playForward_Fly3DPaths").click(function(){bxmap.FlyCesium.playForwardFly3DPaths();});//向后飞行$("#playReverse_Fly3DPaths").click(function(){bxmap.FlyCesium.playReverseFly3DPaths();});//退出飞行$("#stop_Fly3DPaths").click(function(){$("#cesiumFly3DPaths").click();bxmap.FlyCesium.stopFly3DPaths();});//清空路线$("#clear_Fly3DPaths").click(function(){bxmap.FlyCesium.clearFly3DPaths();});//设定路线$("#draw_Fly3DPaths").click(function(){if(!bxmap.FlyCesium.drawHelper){bxmap.FlyCesium.drawHelper = new DrawHelper(bxmap.FlyCesium.cesiumViewer);}bxmap.FlyCesium.draw3DObj = bxmap.FlyCesium.DrawFly3DPaths(bxmap.FlyCesium.drawHelper);});//保存路线$("#save_Fly3DPaths").click(function(){if(bxmap.FlyCesium.draw3DObj && bxmap.FlyCesium.isDrawFly){jDialog.dialog({title: '保存路线',content: '<div><span>名称:</span><input type="text" id="FlyAdd_name" value="'+name+'"></div>',width: 300,height: 120,modal: true,// 非模态，即不显示遮罩层buttons: [{text: '确定',handler: function (button, dialog) {var draw3DObj=JSON.stringify(bxmap.FlyCesium.draw3DObj); //将JSON对象转化为JSON字符var TbFly={id:Math.random().toString(36).substr(2),name:$("#FlyAdd_name").val(),geojson:draw3DObj};bxmap.FlyCesium.data.push(TbFly);$("#overFlyClick").click();dialog.close();bxmap.FlyCesium.clearFly3DPaths();}}, {text: '取消',handler: function (button, dialog) {dialog.close();}}]});}else{jDialog.dialog({title: "提示信息",modal: true,// 非模态，即不显示遮罩层autoClose: 1500,content: "设定的漫游路线不存在，请绘制再保存"});}});//关闭界面$("#fly3DClose").click(function () {var $fly3DPaths = $("#fly3DPaths");bxmap.FlyCesium.clearFly3DPaths();$fly3DPaths.hide(1000,function () {$fly3DPaths.remove();});});},//飞行路径列表表格监听事件flyTableOnclick:function () {$("#overFly_table td").click(function () {var trSeq = $(this).parent().parent().find("tr").index($(this).parent());//选中的哪行var geojson = $("#overFly_table tr:gt(0):eq(" + trSeq + ") td:eq(5)").text();//获取选中行的geojson列值var name = $("#overFly_table tr:gt(0):eq(" + trSeq + ") td:eq(0)").text();//获取选中行的name列值var id = $("#overFly_table tr:gt(0):eq(" + trSeq + ") td:eq(4)").text();//获取选中行的id列值geojson = eval("(" + geojson + ")");var tdSeq = $(this).parent().find("td").index($(this));//选中哪一列switch (tdSeq) {case 0://名称break;case 1://飞行bxmap.FlyCesium.draw3DObj = geojson;//bxmap.FlyCesium.cesium.showFly3DPaths(geojson);bxmap.FlyCesium.showFly3DPaths(geojson);$("#drawFlyCilck").click();break;case 2://修改jDialog.dialog({title: '修改路线',content: '<div><span>名称:</span><input type="text" id="Fly_name" value="'+name+'"></div>',width: 300,height: 120,modal: true,// 非模态，即不显示遮罩层buttons: [{text: '确定',handler: function (button, dialog) {bxmap.FlyCesium.data = bxmap.FlyCesium.modifyElement(bxmap.FlyCesium.data,id,$("#Fly_name").val());$("#overFlyClick").click();dialog.close();}}, {text: '取消',handler: function (button, dialog) {dialog.close();}}]});break;case 3://删除//删除jDialog.dialog({title: '删除路线',modal: true,// 非模态，即不显示遮罩层content: "确定要删除该漫游路线?",buttons: [{text: '确定',handler: function (button, dialog) {bxmap.FlyCesium.data = bxmap.FlyCesium.delElement(bxmap.FlyCesium.data,id);$("#overFlyClick").click();dialog.close();}}, {text: '取消',handler: function (button, dialog) {dialog.close();}}]});break;}})},/*** 从数组中移除指定的元素,要是存在的话@ serviceArray筛选数组@ id移除元素id*/delElement: function (serviceArray, id) {var array = [];for (var i = 0; i < serviceArray.length; i++) {if (serviceArray[i].id !== id) {array.push(serviceArray[i]);}}return array;},/*** 从数组中修改指定的元素,要是存在的话@ serviceArray筛选数组@ id修改元素id@ name修改元素名称*/modifyElement: function (serviceArray, id, name) {var array = [];for (var i = 0; i < serviceArray.length; i++) {if (serviceArray[i].id === id) {serviceArray[i].name = name;}array.push(serviceArray[i]);}return array;},loadData:function () {var data = bxmap.FlyCesium.data;var html='';var $overFly_table = $('#overFly_table');if (data.length>=0) {for(var i=0;i<data.length;i++){var flydata=data[i];html+='<tr>'+'<td><a style="color:#fff;text-decoration:none;font-size:12px;">'+flydata.name+'</a></td>'+'<td><button class="btn btn-default btn-xs" style="color:#fff;">飞行</button></td>'+'<td><button class="btn btn-default btn-xs" style="color:#fff;">修改</button></td>'+'<td><button class="btn btn-default btn-xs" style="color:#fff;">删除</button></td>'+"<td><a style='color:black;text-decoration:none;font-size:13px;'>" + flydata.id + "</a></td>" +"<td><a style='color:black;text-decoration:none;font-size:13px;'>" + flydata.geojson + "</a></td>" +"<td><a style='color:black;text-decoration:none;font-size:13px;'>" + flydata.position + "</a></td>" +"<td><a style='color:black;text-decoration:none;font-size:13px;'>" + flydata.orientation + "</a></td>" +'</tr>';}$("#overFly_table tbody").html(html);$overFly_table.find('td:eq(4)').hide();//隐藏id字段列$overFly_table.find('td:eq(5)').hide();//隐藏geojson字段列$overFly_table.find('td:eq(6)').hide();//隐藏position字段列$overFly_table.find('td:eq(7)').hide();//隐藏orientation字段列//表格---行点击事件bxmap.FlyCesium.flyTableOnclick();}},/*** 清空漫游路径* @method stopFly3DPaths* @return*/clearFly3DPaths: function () {this.cesiumViewer.trackedEntity = undefined;bxmap.FlyCesium.isDrawFly = false;bxmap.FlyCesium.draw3DObj = null;this.cesiumViewer.entities.removeAll();//清空所有模型//清空绘制飞行路线if (this.drawPolyline) {this.cesiumViewer.scene.primitives.remove(this.drawPolyline);this.drawPolyline = null;}},/*** 飞行漫游路径* @param pathsData*/showFly3DPaths:function(pathsData){var T = this;this.clearFly3DPaths();T.cesiumViewer.camera.setView({destination : pathsData.position,orientation: pathsData.orientation,});setTimeout(function () {executeFly3D();}, 200);function executeFly3D() {if(pathsData && pathsData.geometry){var positionA = pathsData.geometry.coordinates;var position = [];if(positionA.length>0){for (var i = 0; i < positionA.length; i++) {var x = positionA[i][0];var y = positionA[i][1];position.push({ x: x, y: y });}}else{return;}function computeCirclularFlight() {var property = new Cesium.SampledPositionProperty();for (var i = 0; i < position.length; i++) {if (i === 0) {var time = Cesium.JulianDate.addSeconds(start, i, new Cesium.JulianDate());//var _position = Cesium.Cartesian3.fromDegrees(position[i].x, position[i].y, 1170);var _position = Cesium.Cartesian3.fromDegrees(position[i].x, position[i].y, 0);property.addSample(time, _position);}if (i < 10000 && i > 0) {var position_a = new Cesium.Cartesian3(property._property._values[i * 3 - 3], property._property._values[i * 3 - 2], property._property._values[i * 3 - 1]);if (i < 976) {var _position = Cesium.Cartesian3.fromDegrees(position[i].x, position[i].y, 0);}else if (i > 975 && i < 986) {var _position = Cesium.Cartesian3.fromDegrees(position[i].x, position[i].y, 0);}else if (i > 985) {var _position = Cesium.Cartesian3.fromDegrees(position[i].x, position[i].y, 0);}var positions = [Cesium.Ellipsoid.WGS84.cartesianToCartographic(position_a), Cesium.Ellipsoid.WGS84.cartesianToCartographic(_position)];var a = new Cesium.EllipsoidGeodesic(positions[0], positions[1]);var long = a.surfaceDistance;var _time = long/50;var time = Cesium.JulianDate.addSeconds(property._property._times[i - 1], _time, new Cesium.JulianDate());property.addSample(time, _position);}}return property;}var start = Cesium.JulianDate.fromDate(new Date());var stop = Cesium.JulianDate.addSeconds(start, 30000, new Cesium.JulianDate());T.cesiumViewer.clock.startTime = start.clone();T.cesiumViewer.clock.stopTime = stop.clone();T.cesiumViewer.clock.currentTime = start.clone();T.cesiumViewer.clock.clockRange = Cesium.ClockRange.LOOP_STOP;T.cesiumViewer.clock.multiplier = 5;//值越大，飞行越快T.cesiumViewer.clock.canAnimate = false;T.cesiumViewer.clock.shouldAnimate = true;//设置时间轴动态效果var _position = computeCirclularFlight();T.entityFly = T.cesiumViewer.entities.add({availability: new Cesium.TimeIntervalCollection([new Cesium.TimeInterval({start: start,stop: stop})]),position: _position,orientation: new Cesium.VelocityOrientationProperty(_position),point:{color:Cesium.Color.RED,outlineColor:Cesium.Color.WHITE,outlineWidth:2,pixelSize:15,},//Show the path as a pink line sampled in 1 second increments.path: {resolution: 1,material: new Cesium.PolylineGlowMaterialProperty({glowPower: 0.1,color: Cesium.Color.YELLOW}),//width: 30width: 10}});T.cesiumViewer.trackedEntity = T.entityFly;setTimeout(function () {T.cesiumViewer.camera.zoomOut(500.0);//缩小地图，避免底图没有数据}, 100);}else{return;}}},/*** 暂停飞行漫游路径* @method pauseFly3DPaths* @return*/pauseFly3DPaths: function () {var clockViewModel = this.cesiumViewer.clockViewModel;if (clockViewModel.shouldAnimate) {clockViewModel.shouldAnimate = false;} else if (this.cesiumViewer.clockViewModel.canAnimate) {clockViewModel.shouldAnimate = true;}},/*** 向前飞行漫游路径* @method playForwardFly3DPaths* @return*/playForwardFly3DPaths: function () {var clockViewModel = this.cesiumViewer.clockViewModel;var multiplier = clockViewModel.multiplier;if (multiplier < 0) {clockViewModel.multiplier = -multiplier;}clockViewModel.shouldAnimate = true;},/*** 向后飞行漫游路径* @method playForwardFly3DPaths* @return*/playReverseFly3DPaths: function () {var clockViewModel = this.cesiumViewer.clockViewModel;var multiplier = clockViewModel.multiplier;if (multiplier > 0) {clockViewModel.multiplier = -multiplier;}clockViewModel.shouldAnimate = true;},/*** 设定飞行漫游路径* @method DrawFly3DPaths* @return*/DrawFly3DPaths: function (drawHelper) {var T = this;this.clearFly3DPaths();drawHelper.startDrawingPolyline({callback: function (positions) {T.drawPolyline = new DrawHelper.PolylinePrimitive({positions: positions,width: 5,type: "plot",geodesic: true});T.cesiumViewer.scene.primitives.add(T.drawPolyline);T.drawPolyline.setEditable();//构造设定路线的返回信息var coordinates = [];var position = null;var heading = null;var pitch = null;var roll = null;for (var i = 0; i < positions.length; i++) {var cartographic = Cesium.Cartographic.fromCartesian(positions[i]);//世界坐标转地理坐标（弧度）var point = [cartographic.longitude / Math.PI * 180, cartographic.latitude / Math.PI * 180];//地理坐标（弧度）转经纬度坐标//console.log(point);coordinates.push(point);}//orientation":{"heading":2.411783930363565,"pitch":-0.21097267398444197,"roll":0.0015622392231300353},"position": {"x":-2206260.239730831,"y":5510911.392077349,"z":2331987.10863007},position = drawHelper._cameraPosition;heading = drawHelper._cameraHeading;pitch = drawHelper._cameraPitch;roll = drawHelper._cameraRoll;var pathsData = { "orientation": { "heading": heading, "pitch": pitch, "roll": roll }, "position": position, "geometry": { "type": "LineString", "coordinates": coordinates } };if (bxmap.FlyCesium) {bxmap.FlyCesium.draw3DObj = T.draw3DObj = pathsData;bxmap.FlyCesium.isDrawFly = true;}//return T.draw3DObj;}});},/*** 退出飞行漫游路径* @method stopFly3DPaths* @return*/stopFly3DPaths: function () {var start = Cesium.JulianDate.fromDate(new Date());this.cesiumViewer.clock.startTime = start.clone();var stop = Cesium.JulianDate.addSeconds(start, 300000000, new Cesium.JulianDate());this.cesiumViewer.clock.stopTime = stop.clone();//this.cesiumViewer.entities.remove(this.entityFly);this.clearFly3DPaths();},};Cesium：实现漫游飞行相关推荐
- Cesium 实现一个 飞机漫游 飞行效果
这篇文章给大家分享一个 Cesium 实现的飞机漫游飞行的效果 前置准备 案例中采用 Vue3 来搭建,还不会搭建 Vue3 脚手架的同学可以看下我之前的文章: Vite2 + Vue3 + Type ...
- 漫游飞行_美术课|一年级下漫游飞行世界
" 小江老师带着她的美术课上线了 " 像鸟儿一样 在蓝天白云间自由自在的飞翔 是我们每一个人的梦想 你们曾经有没有做过这样的梦? 自己会飞到天空上 像鸟儿一样飞翔呢? 从古至今,人 ...
- Cesium上帝视角漫游
Cesium上帝视角漫游 前言 在三维城市系统中,用户常常想要在无人操作的时候让三维场景自动播放漫游功能,这样能够让参观系统的人可以观看到三维城市模型的各个地区.漫游方式有很多种,比如跟随视角漫游.第 ...
- 基于Cesium的无人机飞行模拟
点击查看:基于Cesium的无人机飞行模拟 2.安装 2.1 安装node.js环境. 2.2 下载离线地图包. 2.3 在sourceConfig.js中配置离线地图地址. 2.4 在cesium- ...
- 漫游飞行_魔兽世界：德拉诺时光周 冲声望解锁德拉诺飞行好时机
虽然德拉诺飞行开放已经是6.22版本的事情了,但是目前还是有些玩家还没有解锁.但是本周德拉诺时光周的开放,获取德拉诺飞行声望将会更加简单. 德拉诺飞行声望 德拉诺飞行解锁需要先知之手(部落是沃金之锋) ...
- 漫游飞行_手机“飞行模式”为何没被淘汰？内行人坦言：其实是你不会用！
随着科技的不断创新,目前市面上出现的手机款式多种多样,品牌也非常多,有华为.苹果.三星和小米等等.手机的屏幕也是五花八门,有刘海屏.水滴全面屏等,这些屏幕之间都各有不同.而且手机的更新换代速度很快,很 ...
- 漫游飞行_除了防打扰，手机飞行模式还有这些作用
集微网8月20日消息(文/数码控),不少人都知道手机有飞行模式.除了在乘坐飞机时用来切断信号,它其实还可以有很多用途,中国电信列举了以下几个用途: 1. 超级省电:手机的电量很大部分都消耗在搜索网络信 ...
- cesium中的飞行动画fly
官网飞行动画:https://sandcastle.cesium.com/?src=Camera.html 本地cesium飞行:http://localhost:8088/cesium/Apps/S ...
- 使用cesium使用飞行漫游功能以及原地平滑转向
在cesium里面实现飞行漫游,由于没有找到合适的案例,自力更生,丰衣足食. 相机的移动主要两种方式: setView,flyTo 其中flyTo测试了,感觉不合适,所以用了setView,当然只是自 ...
- Cesium飞行效果
Cesium飞行效果 代码如下 <!DOCTYPE html> <html><head><meta charset="UTF-8"> ...
最新文章
- 2021 CSDN年度回忆录
- 再谈 CSS 预处理器
- 继上一篇博客--javaweb通过接口来实现多个文件压缩和下载（包括单文件下载，多文件批量下载）
- 如何过滤 adb logcat 命令的输出
- python的学习笔记/002-5（2018-5-21）
- 直播预告丨统一便捷的数据操作平台CloudQuery年终发布！
- jquery 搜索框自动提示
- 自动化测试——接口测试——增删改查
- 持续图片滚动字幕html,使用JavaScript实现连续滚动字幕效果的方法
- iis swagger 部署_AspNet Core Api Restful +Swagger 发布IIS 实现微服务之旅 （二）
- sqlmap使用教程
- 编程必会的100个代码大全，建议收藏
- python 导入自己写的包
- PHP中smart原则,SMART原则的五大原则是什么
- CentOS 7 VM虚拟机安装docker步骤
- 根据IP地址获取地理位置
- 【2022年】Win11修改锁屏界面、登录界面背景图片方法（亲测有效）
- CentOS /Linux 开放80、8080端口或者开放某个端口
- RSA密钥的生成与配置
- 期货价值计算方法(期货的价值怎么计算)