ICode9

精准搜索请尝试: 精确搜索
  • cesium 加载fbx模型2022-09-13 15:04:50

    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模型数据导入Cesium2022-09-13 15:00:33

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

  • vue3中使用Cesium2022-08-31 15:31:07

    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 之 CallbackProperty2022-08-31 15:02:22

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

  • Cesium聚簇2022-08-29 15:33:28

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

  • Cesium 粒子系统2022-08-23 13:33:30

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

  • cesium教程3-加载3dtile模型,并调整位置2022-08-15 22:30:21

       直接上示例代码: <!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-加载显示地形地图2022-08-15 21:32:13

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

  • cesium教程1-加载显示地图2022-08-15 21:03:05

    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开发环境搭建2022-08-13 18:02:53

    一、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常见问题和解决2022-08-13 11:31:43

                 

  • cesium模型格式转换工具汇总2022-08-02 19:04:39

    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部署开发2022-07-25 19:04:15

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

  • 使用开源Cesium+Vue实现倾斜摄影三维展示2022-07-20 09:06:17

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

  • # Cesium实现卫星在轨绕行2022-06-27 11:01:54

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

  • cesium报promise.then(...).otherwise is not a function的错误2022-06-17 09:34:00

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

  • cesium 下导出canvas内的内容为图片并自动下载2022-06-14 11:36:40

    该方法直接使用就可以, // 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性能2022-06-08 21:35:43

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

  • 转载:Cesium SuperMap问题调研汇总2022-06-08 21:32:25

    转自: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 绘制栅栏2022-06-06 12:05:27

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

  • Cesium之Sandbox2022-06-04 23:05:09

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

  • Cesium热力图实现 - wenglabs2022-05-28 22:33:38

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

  • cesium打包优化2022-05-23 15:05:03

    <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开发环境2022-05-21 16:00:25

    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 3DModel2022-05-17 19:35:10

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

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有