cesium中divPoint展示数据
时间:2019-09-08
本文章向大家介绍cesium中divPoint展示数据,主要包括cesium中divPoint展示数据使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
cesium中divPoint展示数据
在用点击面获取位置信息的时候,会弹出一个divPoint框,用来展示这个面的属性信息;或者位置信息。
代码如下:
1 var handlerClick = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas); 2 var divPoint = null; 3 handlerClick.setInputAction(function (movement) { 4 var position = viewer.scene.pickPosition(movement.position); 5 if (position) { 6 var cartographic = Cesium.Cartographic.fromCartesian(position); 7 var BSM = showDivPositionOld.BSM._value; 8 var JSMJ = showDivPositionOld.JSMJ._value; 9 var YSDM = showDivPositionOld.YSDM._value; 10 var html = `<div class="label"> 11 <table> 12 <tr> 13 <th>属性名</th> 14 <th>属性值</th> 15 </tr> 16 <tr> 17 <td>BSM</td> 18 <td>{BSM}</td> 19 </tr> 20 <tr> 21 <td>JSMJ</td> 22 <td>{JSMJ}</td> 23 </tr> 24 <tr> 25 <td>YSDM</td> 26 <td>{YSDM}</td> 27 </tr> 28 </table> 29 <span class="triangle"></span> 30 </div>`; 31 html = html.replace('{BSM}', BSM) 32 .replace('{JSMJ}', JSMJ) 33 .replace('{YSDM}', YSDM); 34 35 if (divPoint) { 36 divPoint.destroy(); 37 divPoint = null; 38 } 39 40 divPoint = new Cesium.DivPoint(viewer, { 41 html: html, 42 position: position, 43 anchor: [0, -15], 44 noEvent: true 45 }); 46 } 47 }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
其中我获取的是面的属性信息。如果你想获取它的经纬度信息的话,方法是一样的。
有问题与疑惑请加相关学习群:
原文地址:https://www.cnblogs.com/yaosusu/p/11484796.html
- 关于查看dba_data_files的一个小问题(r7笔记第72天)
- 一则备库CPU报警的思考(r7笔记第69天)
- Java设计模式-观察者模式
- 今天处理的三个小问题——20160120(r7笔记第84天)
- 主备切换的准备工作(r7笔记第83天)
- Java设计模式-外观模式
- Java设计模式-组合模式
- 使用shell批量监控磁盘坏块(二) (r7笔记第80天)
- JavaWeb10-request&response你不得不学(1)
- dg的奇怪问题终结和分区问题答疑 (r7笔记第77天)
- 最近让我焦灼的四个问题(有解) (r7笔记第76天)
- JavaWeb10-reques;response你不得不学(2)
- 很多人比较纠结的约束和索引的关系(r7笔记第75天)
- JavaWeb09-Servlet(Java真正的全栈开发)
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Github Pages同步到Qcloud腾讯云对象存储COS By HKL,
- 独家 | 探索性文本数据分析的新手教程(Amazon案例研究)
- OpenWRT通过3G Modem加asterisk将GSM通话转为SIP By HKL,
- Coding通过Jenkins生成jekyll并发布到腾讯云对象存储Qcloud COS By HKL,
- mybatis 实用技巧:<trim prefix="where" prefixOverrides="and|or">
- OpenWRT配置Webdav(s)共享文件 By HKL,
- OpenWRT配置Apache Webdav By HKL,
- 我向面试官讲解了单例模式,他对我竖起了大拇指
- 47 张图带你 MySQL 进阶!!!
- 新特性解读 | InnoDB-Cluster 扫盲-日常运维
- Laravel 框架实现无限极分类
- 这样设置IDEA,让你爽到飞起!
- 这些年,我写过的BUG(一)
- Selenium处理下拉列表
- 掌握好这几个css属性,少写100行js代码