首页 > 其他分享 >Cesium中级开发教程之十五:键控地球

Cesium中级开发教程之十五:键控地球

时间:2024-11-24 14:04:37浏览次数:12  
标签:教程 const ellipsoid viewer scene 键控 canvas Cesium

教程示例网站:https://thomaz529.github.io/

一、原理

 关闭默认屏幕控制机制,开启ScreenSpaceEventHandler自定义键盘事件,viewer.clock.onTick.addEventListener监听键盘事件,并控制相机的前进后退的操作。

w键是前进,s键是后退,a键是向左,d键是向右,q键是抬起,e键是降低。

二、效果图

三、代码

const scene = viewer.scene;
const canvas = viewer.canvas;
canvas.setAttribute("tabindex", "0");
  canvas.focus();
};

const ellipsoid = scene.globe.ellipsoid;
// 关闭默认屏幕控制机制
scene.screenSpaceCameraController.enableRotate 

标签:教程,const,ellipsoid,viewer,scene,键控,canvas,Cesium
From: https://blog.csdn.net/weixin_43976807/article/details/144005629

相关文章

  • 【一箭三雕战法】一线穿三板,擒妖捉牛好战法,技术构成和操作买卖要点图文教程
    一箭三雕,现实生活中,经常听到一石二鸟,一箭双雕这样的成语,比喻某种技能或计谋,能够达到超出常规的效果,让人惊喜!一箭三雕战法是一个实战效果非常好的股市战法,一般来说,只要指数环境不是太差,一箭三雕战法的准确率在90%以上,而且很有可能抓到的是主升浪或能够实现翻倍的大牛股。......
  • Cesium初级开发教程之五:Entity#Polyline
    一、简介二、效果图 三、代码1、测地线constredLine=viewer.entities.add({name:"红线",polyline:{positions:Cesium.Cartesian3.fromDegreesArray([-75,35,-125,35]),width:5,material:Cesium.Color.RED,clampToGround:true,//......
  • Cesium初级开发教程之五:Entity#cylinder
    一、圆锥constredCone=viewer.entities.add({position:Cesium.Cartesian3.fromDegrees(-105.0,40.0,200000.0),cylinder:{length:400000.0,topRadius:0.0,bottomRadius:200000.0,outline:true,material:Cesium.Color.RED,},})......
  • 【数据集】【YOLO】【目标检测】牛只识别数据集 3371 张,YOLO牛只识别算法实战训练教程
     一、数据集介绍【数据集】牛只识别数据集3371张,目标检测,包含YOLO/VOC格式标注。数据集中包含1种分类:names:['cattle'],表示"牛"。数据集来自国内外网站图片采集、无人机采集、监控视频采集数据,含三种视角!!如下所示;可用于无人机牛只识别,监控牛只识别。检测场景为牧场、......
  • Next.js 独立开发教程 (五):创建布局和页面
    系列文章目录Next.js开发教程(一):入门指南-CSDN博客Next.js开发教程(二):从零构建仪表盘应用-CSDN博客Next.js开发教程(三):CSS样式的完整指南-CSDN博客Next.js独立开发教程(四):字体与图像优化指南-CSDN博客有兴趣的可以蹲个后续,我会陆续发布一系列的文章。目录1.Next.js......
  • Google账号注册教程
    开篇:去搜索了下注册教程,发现找不到我原本学习的博客了,没找到我注册的版本博客了,决定手写一个,嘿嘿,成功了别忘了回来留下你的评论前提:能使用Google搜索引擎(魔法),不能使用那就收藏吧,以后肯定会用到的首先进入创建Google账号的界面,点击创建账号,选择个人用途姓氏可......
  • 自然色调人像自拍照后期Lr调色教程,手机滤镜PS+Lightroom预设下载!
    调色教程自然色调人像自拍照后期通过Lightroom调色,旨在打造出清新、自然、真实的人像效果。这种风格强调还原人物的本来面貌,同时增强照片的色彩和光影表现力,让自拍照更加生动和吸引人。预设信息调色风格:清晰透明风格预设适合类型:人像,街拍,自拍,旅拍,城市,风光等预设格式:XMP+D......
  • 暖色调人文纪实街拍摄影后期Lr调色教程,手机滤镜PS+Lightroom预设下载!
    调色教程暖色调人文纪实街拍摄影后期利用Lightroom进行调色,旨在为街拍作品赋予温暖、生动且富有故事感的氛围。这种调色风格强调捕捉街头生活中的人性瞬间,同时通过暖色调的运用增强照片的情感吸引力。预设信息调色风格:复古风格预设适合类型:人像,街拍,自拍,旅拍,城市,风光等预......
  • Android开发教程实战案例源码分享-BottomNavigationView 使用以及中间凸起效果
    Android开发教程实战案例源码分享-BottomNavigationView使用以及中间凸起效果主页中间往往有凸起效果的需求一、思路:BottomNavigationView,中间用盖一层方式二、效果图:也可以看视频,直观点:Android开发教程实战案例源码分享-BottomNavigationView使用以及中间凸起......
  • 鸿蒙Next开发实战教程—电影app
    最近忙忙活活写了不少教程,但是总感觉千篇一律,没什么意思,大家如果有感兴趣的项目可以私信给幽蓝君写一写。今天分享一个电影App。这个项目也比较简单,主要是一些简单页面的开发和本地视频的播放以及横竖屏切换。页面搭建以首页为例,很明显这是一个List页面,不过每一个部分都可以左......