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 关闭

Copyright   2015-2022 欧洲经济网版权所有   备案号:沪ICP备2022005074号-23   联系邮箱: 58 55 97 3@qq.com