当前位置: 首页 > news >正文

cesium加载三维模型3dtiles

1.将数据和代码放到一个目录下

目的:为避免跨域

输入cmd命令
python3 -m http.server 5500

2.三维服务地址

http://127.0.0.1:5500/data/mars3d-max-shihua-3dtiles-master/tileset.json

3.模型网页地址

http://127.0.0.1:5500/cesium/cesium%E5%8A%A0%E8%BD%BD3dtile2.html

附录:源代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Cesium 3D Tiles Example</title><script src="https://cesium.com/downloads/cesiumjs/releases/1.92/Build/Cesium/Cesium.js"></script><link rel="stylesheet" href="https://cesium.com/downloads/cesiumjs/releases/1.92/Build/Cesium/Widgets/widgets.css"/><script src="http://api.tianditu.gov.cn/cdn/plugins/cesium/cesiumTdt.js" ></script>
</head>
<body><div id="cesiumContainer" style="width: 100%; height: 100vh;"></div><script>Cesium.Ion.defaultAccessToken = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI3MzRiZWQyNS1kMzgxLTQzNGItYmFiNS0wZWQ5OGM0OWM3ZTYiLCJpZCI6MTU4MjYyLCJpYXQiOjE2OTEwNTQyMzV9.7d6zouTOikfatIQuU6CpNm41CTGaS0hp_tzo8tQdLPM";// 初始化Cesium Viewervar viewer = new Cesium.Viewer('cesiumContainer');//隐藏cesium的logoviewer._cesiumWidget._creditContainer.style.display = "none"; // 加载3D Tiles数据var tileset = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({url: 'http://127.0.0.1:5500/data/mars3d-max-shihua-3dtiles-master/tileset.json'}));// 当3D Tiles数据加载完成后,定位到数据位置tileset.readyPromise.then(function() {// 获取3D Tiles数据的边界var boundingSphere = tileset.boundingSphere;// 定位到3D Tiles数据的位置viewer.camera.viewBoundingSphere(boundingSphere, new Cesium.HeadingPitchRange(0, -0.5, boundingSphere.radius));viewer.camera.lookAtTransform(Cesium.Matrix4.IDENTITY);});</script>
</body>
</html>

4.可通过访问https://wkun.cc/查看示例。

http://www.lryc.cn/news/110063.html

相关文章:

  • el-select控制单选还是多选
  • nginx使用
  • 基于Jenkins+Python+Ubuntu+Docker的接口/UI自动化测试环境部署详细过程
  • Linux|ubuntu下运行python
  • 使用FreeMarker导出word文档(支持导出图片)
  • C/C++中变量按位操作
  • uni、css——制作表格样式的模型
  • mac前端代码编辑 Sublime Text 4 Dev 中文v4.0(4151)
  • 面试之HashMap
  • promethues mysql-rules
  • Maven项目中Lifecycle和Plugins下的install的区别
  • 02-状态模式
  • Python异常处理中异常的种类有哪些?你知道几个?
  • COBOL语言介绍及使用场景
  • 【计算机视觉 | 图像分割】arxiv 计算机视觉关于图像分割的学术速递(8 月 1 日论文合集)
  • Jetson nano 安装swapfile 解决Cannot allocate memory 问题
  • ElasticsSearch基础概念和安装
  • 【GEMM预备工作】行主序和列主序矩阵的内存中的连续性,解决理解问题
  • 利用el-button 画圆 ,通过border-radius >50% 就成圆形
  • 在tensorflow分布式训练过程中突然终止(终止)
  • windows永久暂停更新
  • Android 9系统源码_音频管理(一)按键音效源码解析
  • PyTorch搭建神经网络
  • TiDB 优雅关闭
  • 食品厂能源管理系统助力节能减排,提升可持续发展
  • ABAP读取文本函数效率优化,read_text --->zread_text
  • Spring Data Repository 使用详解
  • [ MySQL ] — 数据库环境安装、概念和基本使用
  • Apache Thrift C++库的TThreadPoolServer模式的完整示例
  • 图解java.util.concurrent并发包源码系列——深入理解ReentrantLock,看完可以吊打面试官