首页 > TAG信息列表 > cesium

cesium 加载fbx模型

fbx2gltf下载地址：https://pan.baidu.com/s/1iX99ujYr6GNXc41WnJC08w tycuhttps://github.com/facebookincubator/FBX2glTF/releasescmd 到 fbx2gltf位置fbx转glb(gltf)命令：fbx2gltf -i C:\work\project\cesium\朱玉香电站模型.fbx -o C:\work\project\cesium\朱玉香电站模型.gltf

3dmax模型数据导入Cesium

1、3dmax建模+贴图建模主要控制面数贴图主要是贴标准贴图一般不会有问题，如果是VRay贴图，需要通过插件转为标准贴图     2、3dmax模型导出导出前注意点通过软件工具比如cesiumlab获取你要插入点的坐标，之后以这个点当作插入点     3dmax中设置轴心移动到对应位置点（参考上面的位置

vue3中使用Cesium

vue3中使用Cesium 使用vite 创建项目 安装插件 vite-plugin-cesium npm i cesium vite-plugin-cesium vite -D # yarn add cesium vite-plugin-cesium vite -D 配置 vite.config.js import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' i

Cesiun 之 CallbackProperty

CallbackProperty Cesium号称是集显示时空数据于一体的三维引擎。空间数据的展示我们已经见到，对于时间上的数据，我觉得CallbackProperty是最大功臣。因为使用CallbackProperty，cesium中一切可视化的要素都可以与时间联系起来。 new Cesium.CallbackProperty(getEndPoint, isConstant

Cesium聚簇

Cesium聚簇 上篇中 已经出现了 很多图元的时候 性能优化的事 ，但是地图上 会有密密麻麻的各种图标 或者文字 这就要用到 聚簇了 var dataSourceForCluster = new Cesium.CustomDataSource('cluster'); var count = 100000; for (var i = 0; i < count; ++i) { da

Cesium 粒子系统

粒子系统的本质是向场景中添加了很多物体，用BillBoard技术展现。这种实现方式有一个麻烦的地方就是当视角变化(拉近、拉远、平移、旋转)时，粒子就会变化，甚至会消失，影响体验。 https://www.bbsmax.com/A/LPdoG2p2d3/

cesium教程3-加载3dtile模型，并调整位置

   直接上示例代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>cesium示例</title> <!-- 引用cesium的js和css，天地图的扩展js --> <script src="https://cesium.com/downloads/c

cesium教程2-加载显示地形地图

   上面地形数据，是调用cesium官方的地图服务，需要先注册cesium账户，配置cesium的账户token才行 1、在线地形服务的示例代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>cesium示例</title> <!-- 引用cesium的js和css，天地图的扩

cesium教程1-加载显示地图

1、完整示例代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>cesium示例</title> <!-- 引用cesium的js和css，天地图的扩展js --> <script src="https://cesium.com/downloads/cesi

vuecli3+cesium开发环境搭建

一、vue-cli3+cesium搭建步骤 1、vue create 'your project-name' 新建你的项目 2、安装cesium依赖 npm install cesium --save 3、新建cesiumContainer.vue文件，src/views/cesiumContainer.vue <template> <div id="cesiumContainer"></div> </templa

cesium常见问题和解决

             

cesium模型格式转换工具汇总

1、obj--->gltf glb b3dm  3dtiles     GitHub - PrincessGod/objTo3d-tiles     安装方法： npm install -g obj23dtiles 2、fbx--->gltf     可以将3dmax导出的格式转为gltf;     facebookincubator/FBX2glTF · GitHub     安装方法： npm instal fbx2gltf 3、ob

Cesium+GeoServer部署开发

目录1 背景2 GeoServer安装部署3 处理跨域问题4 Cesium环境配置4.1 安装nodejs4.2 Cesium4.3 本地开发环境 1 背景 Cesium是当前最流行的前端3维GIS库之一，结合开源的GeoServer可以快速搭建一套完整的GIS系统。 2 GeoServer安装部署 本文简绍Windows下的安装（下载链接），下到本地后双击

使用开源Cesium+Vue实现倾斜摄影三维展示

准备工作 VUE开发工具：Visual studio Code 倾斜摄影转换工具：CesiumLab—下载地址：http://www.cesiumlab.com/ 三维显示：Cesium，api参考网站：https://cesium.com/learn/cesiumjs/ref-doc/Camera.html#setView 下图为CesiumLab提供的数据处理流程图，我们可以参考学习。   功能实现 首先

# Cesium实现卫星在轨绕行

Cesium实现卫星在轨绕行 这个效果其实网上很多案例了，本来不打算写了，但是做都做了，稍微来说一下吧，代码实测可用！ 最后的效果就是这个样子的啦！ 就是很简单的一个卫星，放射信号，然后围着轨道转圈圈。 资源网站 首先呢，分享几个网站，尽管大家应该都有，但是还是分享一下子吧。 cesium API

cesium报promise.then(...).otherwise is not a function的错误

 4月1日，Cesium已经发布最新版1.92， 其中说明 删除Cesium.when,使用原生Promise。 搜索.otherwise或.always替换它们，.catch或.finally。

cesium 下导出canvas内的内容为图片并自动下载

该方法直接使用就可以， // canvas导出画布内的内容 function saveToFile(scene) { let canvas = scene.canvas; let image = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream"); let link = document.createElement("a

转载：通过显式渲染提高Cesium性能

转载自：https://blog.csdn.net/qq_16392841/article/details/115897895   开启请求的渲染模式 开启 requestRenderMode 以减少Cesium渲染一个新帧总的时间，并且降低应用中Cesium的CPU使用率。 var viewer = new Cesium.Viewer('cesiumContainer', { requestRenderMode : true }

转载：Cesium SuperMap问题调研汇总

转自：https://segmentfault.com/a/1190000040577369   主要参考资料汇总 http://support.supermap.com.c... http://cesium.xin/cesium/cn/D... http://support.supermap.com.c... 描绘点 viewer.entities.add({ name: name, position: new Cesium.Cartesian3.fromDegrees

# cesium 绘制栅栏

cesium 绘制栅栏 网上的资料要不收费，要不代码不全，很多跟绘制墙体有关的案例要不缺放法要不干嘛的，我自己根据网上的方法又加上自己百度改，最后实现了一个效果，和我想实现的效果差不多，分享一下子。 最终效果 反正这篇博文最后实现的效果就是上面动图的效果，如果你想实现的效果不是这

Cesium之Sandbox

var Sandbox = Sandbox || {};//定义一个变量Sandbox，它是类？还是变量？ (function() { "use strict"; /*global Cesium,console*/ /** * @constructor */ Cesium.Sandbox = function() { var canvas = document.getElementById("glCanva

Cesium热力图实现 - wenglabs

转自原文 Cesium热力图实现 生成热力图的算法我是用的一个热力图插件 heatmap.js。 heatmap中热力图生成原理： heatmap中首先会根据输入的渐进色参数，在内部生成一个0-255色值的调色板。 var \_getColorPalette = function(config) { var gradientConfig = config.gradient || con

cesium打包优化

<link href="https://cesium.com/downloads/cesiumjs/releases/1.74/Build/Cesium/Widgets/widgets.css" rel="stylesheet">   <script src="https://cesium.com/downloads/cesiumjs/releases/1.74/Build/Cesium/Cesium.js"></s

搭建Vite+Cesium开发环境

1、通过Vite创建项目 # npm 6.x npm init vite@latest my-vue-app --template vue # npm 7+, 需要额外的双横线： npm init vite@latest my-vue-app -- --template vue # yarn yarn create vite my-vue-app --template vue # pnpm pnpm create vite my-vue-app -- --template vue

CESIUM例子学习（十三）——Clamp To 3DModel

前面从例子中学习了绘制要素紧贴地表的操作。但是在项目中，紧贴地表可能是不够的，比如需要在模型顶上绘制一个label，难道要在模型顶上加上一个写死的高度的，否则label就会被模型覆盖。要解决这样的问题，学习Clamp To 3DModel应该可以帮上忙。 原码中绘制的是动态变化的点，绘制的原理方法