主要参考 https://sandcastle.cesium.com/index.html?src=Picking.html

export function monitorMove() {const viewer = window.viewer;const scene = viewer.scene;const handler = new Cesium.ScreenSpaceEventHandler(scene.canvas);let previousPickedEntity = undefined;var labelEntity = viewer.entities.add({label: {show: false,showBackground: true,font: '12px monospace',horizontalOrigin: Cesium.HorizontalOrigin.LEFT,verticalOrigin: Cesium.VerticalOrigin.TOP,pixelOffset: new Cesium.Cartesian2(15, 0)}});handler.setInputAction(function (movement) {const modelEntity = scene.pick(movement.endPosition);var foundPosition = false;if (scene.mode !== Cesium.SceneMode.MORPHING) {var pickedObject = scene.pick(movement.endPosition);if (scene.pickPositionSupported && Cesium.defined(pickedObject)) {var cartesian = scene.pickPosition(movement.endPosition);if (Cesium.defined(cartesian)) {var cartographic = Cesium.Cartographic.fromCartesian(cartesian);var longitudeString = Cesium.Math.toDegrees(cartographic.longitude);var latitudeString = Cesium.Math.toDegrees(cartographic.latitude);var heightString = cartographic.height.toFixed(2);labelEntity.position = cartesian;labelEntity.label.show = true;labelEntity.label.text ='Lon: ' + ('   ' + longitudeString) + '\u00B0' +'\nLat: ' + ('   ' + latitudeString) + '\u00B0' +'\nAlt: ' + ('   ' + heightString) + 'm';labelEntity.label.eyeOffset = new Cesium.Cartesian3(0.0, 0.0, -cartographic.height * (scene.mode === Cesium.SceneMode.SCENE2D ? 1.5 : 1.0));foundPosition = true;}}}if (!foundPosition) {labelEntity.label.show = false;}}, Cesium.ScreenSpaceEventType.MOUSE_MOVE);
}

cesium进行模型高度测量的代码片段相关推荐

  1. cesium获取模型高度_Cesium中地形数据的加载

    Cesium开发中,如果想要看到真实感,地形数据(DEM)不可或缺.但是很多非GIS专业的人,对地形数据的定位不清晰,不明白地形数据如何展示. 最近很多人问我这个问题,综合看下来,主要问题就集中在地形 ...

  2. cesium获取模型高度_Cesium专栏-空间分析之剖面分析(附源码下载)

    Cesium Cesium 是一款面向三维地球和地图的,世界级的JavaScript开源产品.它提供了基于JavaScript语言的开发包,方便用户快速搭建一款零插件的虚拟地球Web应用,并在性能,精 ...

  3. cesium获取模型高度_180套经典夹具设计方案(附详解+模型),原来夹具设计这么简单!...

    180套夹具设计方案获取请见文章末尾图片 实际生产当中,很多产品的加工过程都需要有夹具辅助来完成,一套既经济实用又安全可靠的夹具不仅可以大大提高产品的生产质量还可以提高生产效率,工人操作起来也非常舒适 ...

  4. cesium获取模型高度_【小技巧】快速生成城市建筑Sketchup模型

    作者:徐半仙 / 微信公众号:空间规划小课堂 如果给你城市片区的CAD 建成下面的模型你需要多久? 今天讲解下如何在有建筑轮廓的情况下 如何快速建成以下效果城市模型 首先我们打开Arcsene或者Ar ...

  5. cesium获取模型高度_一键制作任意城市建筑场地模型-gis小技巧

    文章来源-公众号:空间规划小课堂 听说你还在用su建场地建筑模型? 场地周边建筑不知道如何获取? 对庞大的su城市模型毫无头绪? 今天讲解下一种新思路,可以做任意城市建筑模型 要建模首先你得有 场地的 ...

  6. Cesium|xt3d模型展开动画

    Cesium|xt3d模型展开动画 效果 代码 预览地址 效果 代码 <!DOCTYPE html> <html lang="zh-CN"><head ...

  7. Python timeit库测试代码片段运行时间

    timeit库文档:https://docs.python.org/zh-cn/3/library/timeit.html timeit 是一个用来测量小代码片段执行时间的工具库,有命令行和函数调用两 ...

  8. Cesium测量工具,距离测量、面积测量、高度测量

    Cesium测量工具,距离测量.面积测量.高度测量 前言 测量工具几乎是每个GIS系统都具备的基础工具,Cesium没有自带测量工具,只能我们自己封装. 实现效果 实现思路 测距测高在Cesium中有 ...

  9. 【CSS】课程网站 Banner 制作 ② ( Banner 栏版心盒子测量 | Banner 版心盒子模型左侧导航栏代码示例 )

    文章目录 一.Banner 栏版心盒子测量 1.测量版心元素尺寸 2.课程表测量 二.Banner 版心盒子模型左侧导航栏代码示例 1.HTML 标签结构 2.CSS 样式 3.展示效果 一.Bann ...

最新文章

  1. MFC程序框架的剖析
  2. 计算机组成计算题中的术语,计算机组成原理习题——日常记录
  3. Laravel 文件夹结构简介
  4. java string 不变_为什么String在java中是不可变的?
  5. mysql中模糊查询的四种用法
  6. 如何才能学好单片机?​
  7. IIS rest服务delete 报错
  8. ZetCode Ruby 教程
  9. 设计自己的高并发架构
  10. 什么是线程单线程和多线程_什么是多线程?看我多线程七十二变,你能记住吗?...
  11. 五步法建设你的数据中台
  12. 软件测试仓库管理信息系统,仓库管理系统测试报告
  13. 软硬一体的算法实践,阿里云如何以算法实现场景 “再创新”?
  14. 午间一乐:no zuo no die,唱起来
  15. 云通讯 发送短信模板代码
  16. 九、springboot+ idea + gradle使用jib打docker镜像
  17. java文字列检查_java 检测文本、文件编码
  18. android 填充内存方法,安卓快速填满手机内存(转载)
  19. 【Java 常用的设计模式】
  20. 数据中台建设方法论-4 实践

热门文章

  1. 前端学习(2748):uniapp创建项目和演示
  2. 前端学习(875):dom事件流理论
  3. 前端学习(604):编程语言
  4. 项目管理(1):备战pmp
  5. java学习(18):巩固练习
  6. linux下GPRS模块ppp拨号上网
  7. linux怎么使多条命令同时执行
  8. CSS之Multi-columns的列数和列宽
  9. JS之字符串截取方法substring
  10. JS之数组元素排序方法sort