您当前的位置:首页快讯 >  >> 
9、cesium使用entity进行页面交互效果
来源:哔哩哔哩      时间:2023-04-27 21:51:12

注意问题:(1)cesium.js使用viewer.entities.add({})添加的图片和glb模型不会随视口缩放,文字会随着视口进行缩放。


(资料图片)

1、Cesium鼠标交互编写弹窗,编写多个弹窗内容)以及使用iframe标签,在弹框加载其它页面

(1)、Cesium给我们提供了好几种获取不同对象的方法

scene.pick返回的是包含给定窗口位置基元的对象

scene.drillpack返回的是给定窗口位置所有对象的列表

Globe.pick返回的是给光线和地形的交点

Cesium.ScreenSpaceEventType.MIDDLE_CLICK 鼠标中间点击事件

Cesium.ScreenSpaceEventType.MOUSE_MOVE 鼠标移入事件

Cesium.ScreenSpaceEventType.RIGHT_CLICK 鼠标右击事件

打开cesium001文件在src中创建index15.html为文件——》编写代码

(2)、cesium.js中使用iframe标签必须要允许沙盒使用js(否则会报错,且弹窗中的iframe里的内容不能正常加载)

接着进行编写代码文件——》

浏览器显示效果——》

2、cesium使用viewer.entities添加glb模型

浏览器显示结果——》

标签:

X 关闭

X 关闭