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

cesium加载三维模型3dtiles

news 2026/2/11 2:56:00

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/查看示例。

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%…...

编程日记 2023/8/5 19:09:54

el-select控制单选还是多选

<el-form :inline"true" :model"form" class"demo-form-inline"><el-form-item><el-select v-model"form.properties_id" placeholder"请选择样品性质" clearable :multiple"multiple_properties"…...

编程日记 2023/8/5 19:08:52

nginx使用

1 安装 yum -y install gcc pcre-devel zlib-devel openssl openssl-devel yum install -y wget wget https://nginx.org/download/nginx-1.16.1.tar.gz tar -zxvf nginx-1.16.1.tar.gz cd nginx-1.16.1 ./configure --prefix/usr/local/nginx make make install2 目录目录说…...

编程日记 2023/8/5 19:07:51

基于Jenkins+Python+Ubuntu+Docker的接口/UI自动化测试环境部署详细过程

基于JenkinsPythonUbuntuDocker的接口/UI自动化测试环境部署详细过程 1 Jenkins是什么？2 Jenkins目标是什么？3 什么是CI/CD?3.1 CI持续集成3.2 CD持续部署3.3 CD持续交付 4 Ubuntu环境4.1 环境需求4.2 实现思路 5 Ubuntu下安装Docker6 安装Jenkins6.1 拉…...

编程日记 2023/8/5 19:06:50

Linux|ubuntu下运行python

参考：ubuntu系统下切换python版本的方法文章目录 python版本问题查看ubuntu下的所有python版本通过apt-get install可以安装不同版本python查看python版本号更新update-alternatives替代列表查看update-alternatives下的python版本切换python版本删除python版本 p…...

编程日记 2023/8/5 19:05:50

使用FreeMarker导出word文档(支持导出图片)

今天跟大家分享一下工作中比较实用的导出word 带图片的功能。对于在idea开发中我们需要引入以下依赖： 2.对于eclipse 开发我们需要进入对应的jar包这个必须放在lib下，同样也需要在当前项目的环境是加入该依赖需要在MEAT-INF加入首先制定word 导出…...

编程日记 2023/8/5 19:04:49

C/C++中变量按位操作

一、按位写入1 uint32_t writeBit (1 << 5) // 第5位的掩码 uint32_t value 0x12341234; // 设置第5位为1 value | writeBit;原理就是原值与掩码… 00010000进行按位相与，与0相交的位还是等于原来的值，与1相交的位则变为1。二、按位写入0…...

编程日记 2023/8/5 19:03:48

uni、css——制作表格样式的模型

案例展示这里以5列做展示（可随意调节） 案例代码 <view class"list"><view class"item" v-for"(item,index) in list" :key"index">1</view> <view clas…...

编程日记 2023/8/5 19:02:46

mac前端代码编辑 Sublime Text 4 Dev 中文v4.0(4151)

Sublime Text 4 for Mac是一款功能强大的代码编辑器，适合所有需要高效编写代码和进行代码管理的程序员使用。快速响应：Sublime Text 4在加载文件和执行命令时非常快速，能够让用户在高效的开发过程中体验到无缝的交互。多种语言支持&#…...

编程日记 2023/8/5 19:01:45

面试之HashMap

1.什么是集合框架 Java的集合主要有两个根接口Collection和Map派生出来的，Collection派生出来了三个子接口：List,Queue,Set。因此Java集合大致可分为List,Queue,Set,Map四种体系结构。 2.HashMap与TreeMap HashMap是直接实现Map接口，而Tree…...

编程日记 2023/8/5 19:00:43

promethues mysql-rules

groups: - name: mysql.rules rules: - alert: MysqlDown expr: mysql_up 0 for: 1s labels: severity: critical annotations: title: MySQL down description: "Mysql实例: 【{{ $labels.instance }}】, MySQL instance is down…...

编程日记 2023/8/5 18:59:42

Maven项目中Lifecycle和Plugins下的install的区别

在Maven中，如果你的web和service在不同的模块下，如果直接用用tomcat插件运行web层，那么运行时会报错 Failed to execute goal org.apache.maven.plugins:maven-install-plugin:2.5.2:install (default-cli) on project springboot: The pack…...

编程日记 2023/8/5 18:58:41

02-状态模式

1 意图允许一个对象在其内部状态改变时改变它的行为，对象看起来似乎修改了它的类。（这里的对象指的就是模型中的Context，行为指的就是State的子类） 2 动机考虑一个问题：实现一个表示网络连接的类TCPConnection&am…...

编程日记 2023/8/5 18:57:40

Python异常处理中异常的种类有哪些？你知道几个？

前言嗨喽~大家好呀，这里是魔王呐 ❤ ~! 在python中不同的异常可以用不同的类型（python中统一了类与类别，类型即类）取标识，一个异常标识一种错误。 1.常见语法错误 AttributeError 试图访问一个对象没有的属性&#x…...

编程日记 2023/8/5 18:56:39

COBOL语言介绍及使用场景

COBOL（Common Business-Oriented Language）是一种面向业务的通用计算机编程语言，最初于1959年由美国国家标准学会（ANSI）开发。COBOL的设计目标是为了处理商业应用程序，尤其是大型企业级应用。本文将介绍COB…...

编程日记 2023/8/5 18:55:37

【计算机视觉 | 图像分割】arxiv 计算机视觉关于图像分割的学术速递（8 月 1 日论文合集）

文章目录一、分割|语义相关(16篇)1.1 DPMix: Mixture of Depth and Point Cloud Video Experts for 4D Action Segmentation1.2 Investigating and Improving Latent Density Segmentation Models for Aleatoric Uncertainty Quantification in Medical Imaging1.3 Domain Ada…...

编程日记 2023/8/5 18:54:35

Jetson nano 安装swapfile 解决Cannot allocate memory 问题

在jetson nano上执行一些程序的时候，由于nano的内存只有4GB，因此可能会出现以下报错信息，例如：OSError:Cannot allocate memory 的问题。可以尝试用下面的方法解决：通过安装 swapfile，可以解决这个问题。 …...

编程日记 2023/8/5 18:53:34

ElasticsSearch基础概念和安装

ElasticSearch基础概念以及可视化界面安装文章目录 ElasticSearch基础概念以及可视化界面安装1、引言2、基本概念3、倒排索引机制3.1、倒排索引 4、使用docker安装ElasticSearch4.1、下载镜像文件4.2 、创建实例,启动es 5.安装Kibana 1、引言 Elastic 的底层是开源库 Lucene。…...

编程日记 2023/8/5 18:52:33

【GEMM预备工作】行主序和列主序矩阵的内存中的连续性，解决理解问题

在内存存储中，默认矩阵是按照行优先储存的，即矩阵的每一列在内存中是连续的。行优先矩阵储存中行数据是不连续的。而对于列主序的矩阵，是按照列优先储存的，即矩阵的每一行在内存中是连续的。列优先矩阵储存中列数据是不连续的&am…...

编程日记 2023/8/5 18:51:32

利用el-button 画圆，通过border-radius ＞50% 就成圆形

<el-button type"danger" style"border-radius: 100%; height: 100px;width: 100px;" plain><span style"font-weight: bold;">工艺分析</span></el-button>通过border-radius >50% 就成圆形。 border-radius: 50% …...

编程日记 2023/8/5 18:50:30

云计算——弹性云计算器（ECS）

弹性云服务器：ECS 概述云计算重构了ICT系统，云计算平台厂商推出使得厂家能够主要关注应用管理而非平台管理的云平台，包含如下主要概念。 ECS（Elastic Cloud Server）：即弹性云服务器，是云计算…...

编程新知 2025/8/16 21:50:27

逻辑回归：给不确定性划界的分类大师

想象你是一名医生。面对患者的检查报告（肿瘤大小、血液指标），你需要做出一个**决定性判断**：恶性还是良性？这种“非黑即白”的抉择，正是**逻辑回归（Logistic Regression）** 的战场&a…...

编程新知 2025/10/27 21:25:04

云启出海，智联未来｜阿里云网络「企业出海」系列客户沙龙上海站圆满落地

借阿里云中企出海大会的东风，以**「云启出海，智联未来｜打造安全可靠的出海云网络引擎」为主题的阿里云企业出海客户沙龙云网络&安全专场于5.28日下午在上海顺利举办，现场吸引了来自携程、小红书、米哈游、哔哩哔哩、波克城市、…...

编程新知 2026/1/30 0:00:28

STM32+rt-thread判断是否联网

一、根据NETDEV_FLAG_INTERNET_UP位判断 static bool is_conncected(void) {struct netdev *dev RT_NULL;dev netdev_get_first_by_flags(NETDEV_FLAG_INTERNET_UP);if (dev RT_NULL){printf("wait netdev internet up...");return false;}else{printf("loc…...

编程新知 2025/9/23 20:06:08