搜索结果
查询Tags标签： Cesium，共有 45条记录-
教程 - 在 Vue3+Ts 中引入 CesiumJS 的最佳实践@2023
目录1. 本篇适用范围与目的 1.1. 适用范围 1.2. 目的2. 牛刀小试 - 先看到地球 2.1. 创建 Vue3 - TypeScript 工程并安装 cesium 2.2. 清理不必要的文件并创建三维地球 2.3. 中段解疑 - 奇怪的路径 2.4. 打包部署 2.5. 有限的优化3. CesiumJS 前置知识 3.1. CesiumJS 依赖…
2023/4/9 5:52:01 人评论 次浏览 -
Cesium案例（八） Terrain
第一步正常建viewer，需要注意的是官网例子属性值比较老，最新版本的属性值有所差异，全copy官网会无法运行，提示函数未定义。 第一处差异 官网：1 const viewer = new Cesium.Viewer("cesiumContainer", { 2 terrain: Cesium.Terrain.fromWorldTerrain({ 3 …
2023/4/8 1:22:05 人评论 次浏览 -
案例（一） Z-Indexing Geometry
使用官方github包，部分解释来源于Viewer - Cesium DocumentationCesium.Ion.defaultAccessToken = "token"; const viewer = new Cesium.Viewer("cesiumContainer"); viewer.entities.add({ //entities获取实体集合 …
2023/4/6 1:23:27 人评论 次浏览 -
3dmax模型数据导入Cesium
1、3dmax建模+贴图建模主要控制面数贴图主要是贴标准贴图一般不会有问题，如果是VRay贴图，需要通过插件转为标准贴图2、3dmax模型导出导出前注意点通过软件工具比如cesiumlab获取你要插入点的坐标，之后以这个点当作插入点3dmax中设置轴心移动到对应位置点（参考上面的位…
2022/9/13 23:18:19 人评论 次浏览 -
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\朱玉香电…
2022/9/13 23:16:11 人评论 次浏览 -
Cesium聚簇
Cesium聚簇 上篇中 已经出现了 很多图元的时候 性能优化的事 ，但是地图上 会有密密麻麻的各种图标 或者文字 这就要用到 聚簇了var dataSourceForCluster = new Cesium.CustomDataSource(cluster);var count = 100000;for (var i = 0; i < count; ++i) {dataSourceFor…
2022/8/29 23:24:14 人评论 次浏览 -
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/down…
2022/8/15 23:55:12 人评论 次浏览 -
cesium教程2-加载显示地形地图
上面地形数据，是调用cesium官方的地图服务，需要先注册cesium账户，配置cesium的账户token才行 1、在线地形服务的示例代码如下<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>cesium示例<…
2022/8/15 23:29:51 人评论 次浏览 -
转载：通过显式渲染提高Cesium性能
转载自：https://blog.csdn.net/qq_16392841/article/details/115897895开启请求的渲染模式 开启 requestRenderMode 以减少Cesium渲染一个新帧总的时间，并且降低应用中Cesium的CPU使用率。 var viewer = new Cesium.Viewer(cesiumContainer, {requestRenderMode : true …
2022/6/8 23:22:58 人评论 次浏览 -
Cesium之Sandbox
var Sandbox = Sandbox || {};//定义一个变量Sandbox，它是类？还是变量？ (function() {"use strict";/*global Cesium,console*//*** @constructor*/Cesium.Sandbox = function() {var canvas = document.getElementById("glCanvas");var scene = n…
2022/6/4 23:50:20 人评论 次浏览 -
Cesium热力图实现 - wenglabs
转自原文 Cesium热力图实现 生成热力图的算法我是用的一个热力图插件 heatmap.js。 heatmap中热力图生成原理： heatmap中首先会根据输入的渐进色参数，在内部生成一个0-255色值的调色板。 var \_getColorPalette = function(config) {var gradientConfig = config.gradie…
2022/5/28 23:20:00 人评论 次浏览 -
Cesium加载三维路线
1. 概述 将路线加载到三维地图中，能直观显示道路的坡度变化，协同DEM和遥感影像，能极大丰富道路的可视化效果 本文此处基于Cesium，加载地形数据，叠加遥感影像，再叠加路网数据，形成三维地图，效果如下：2. 代码实现 2.1 CDN引入 笔者这里使用 CDN 引入 Cesium，另外后…
2022/5/6 6:12:55 人评论 次浏览 -
Cesium 中的Shader解析2
一、简介 采用纯WebGL实现纹理贴图，并修改shader，对比Cesium中的实现，从而感受Cesium对WebGL的封装，以及用法上的异同点。 可以对比Shader解析1中用Cesium实现相同功能代码。https://www.cnblogs.com/dog2016/p/16222406.html 二、代码<!-- 纹理映射的过程需要顶点…
2022/5/5 6:15:22 人评论 次浏览 -
Cesium之屏蔽光照方向受时间的影响 - 莫小龙
Cesium之屏蔽光照方向受时间的影响 原理： cesium的太阳光照方向受系统时间和时间轴的影响。 只需要新建一个光照（DirectionalLight）替代环境光即可。 代码： this.viewer.scene.light = new Cesium.DirectionalLight({color:new Cesium.Color(1.0, 1.0, 1.0, 0.5),dire…
2022/4/8 6:22:24 人评论 次浏览 -
Vue整合Cesium的博文
参考链接： 1、Vue 集成 Cesium 2、vue/cli3引入cesium 3、Vue2+Cesium.js展示地图 4、vue-cli3 引入 cesium 5、Vue Cli 4 引入 Cesium 配置 6、Cesium入门 7、Vue3 + ts + Cesium环境配置 8、vue引用cesium步骤详解 9、vue中使用cesium 10、vue+cesium初探（一） 加载ce…
2022/4/3 6:23:07 人评论 次浏览
