- 2024-11-20Cesium 设置实体（模型、图片）的朝向
一、需求来源在项目中，需要绘制汽车并且设置其朝向，原始方式是使用模型绘制，便可以很容易的通过设置orientation属性控制朝向，但是后期由于数量过大，要换成图片，于是探究了一下图片如何设置实体朝向。本文将会把两种实体朝向的设置方法都进行介绍。二、先看效果三、代码实现model：var
- 2024-11-20详解 Cesium的地形格式terrain
1详解Cesium.terrain格式在3D地理信息系统（GIS）和虚拟地球应用中，地形数据的处理至关重要。Cesium作为一个强大的开源JavaScript库，支持多种地形数据格式，其中.terrain格式（量化网格）是最常用的格式之一。本文将深入解析.terrain格式，探讨其特点、工作原理及如何在Ce
- 2024-11-18Cesium教程第二章Cesium快速入门
2.1Cesium环境搭建2.1.1安装node环境 Cesium程序需要在Node.js环境下才可以正常运行，因此要先安装Node.js环境。Node.js是一个基于ChromeV8引擎的JavaScript运行时环境，使用了一个事件驱动、非阻塞式IO模型，让JavaScript运行在服务端的开发平台。
- 2024-11-18Cesium 绘制更新网格数据
一、源码importtype{Viewer,Primitive,Material}from"cesium";constcesiumUtils={viewer:<Viewer|null>null,rainPrimitive:<Primitive|null>null,interValIndex:0,playIndex:1,//播放材质索引isPlayIng:false,
- 2024-11-17Cesium初级开发教程之十五：抗锯齿和分辨率优化
一、效果图 二、代码//抗锯齿viewer.scene.fxaa=true;viewer.scene.postProcessStages.fxaa.enabled=trueviewer._cesiumWidget._supportsImageRenderingPixelated=Cesium.FeatureDetection.supportsImageRenderingPixelated()vi
- 2024-11-14【cesium教程第一章框架基本介绍】
Cesium教程第一章框架基本介绍一、Cesium是什么？二、CesiumAPI2.1CesiumAPI简介2.2Cesium核心类介绍三、总结一、Cesium是什么？Cesium是一个基于JavaScript的开源三维GIS前端框架，可用于创建具有非凡性能、精度、视觉效果和易用性的世界级多维地图。Cesium支持
- 2024-11-10Cesium实现雷达效果
目录项目地址实现效果核心代码项目地址https://github.com/zhengjie9510/webgis-demo实现效果核心代码varradar=scene.primitives.add(newPrimitive({geometryInstances:redCone,appearance:newMaterialAppearance({//自定义纹理m
- 2024-11-04Cesium专栏-地形开挖（附源码下载）
CesiumCesium是一款面向三维地球和地图的，世界级的JavaScript开源产品。它提供了基于JavaScript语言的开发包，方便用户快速搭建一款零插件的虚拟地球Web应用，并在性能，精度，渲染质量以及多平台，易用性上都有高质量的保证。关于地形开挖地形开挖就是在地形表面，开挖出一定范围的
- 2024-11-04Cesium专栏-空间分析之剖面分析(附源码下载)
CesiumCesium是一款面向三维地球和地图的，世界级的JavaScript开源产品。它提供了基于JavaScript语言的开发包，方便用户快速搭建一款零插件的虚拟地球Web应用，并在性能，精度，渲染质量以及多平台，易用性上都有高质量的保证。剖面分析剖面分析从网上找不到比较合理的定义说明，最初
- 2024-11-03cesium后处理的中浓度积分高度雾(下)
一、回顾上一篇我们将了如何在后处理中获取世界坐标还有高程，还了解了两个简单的线性雾，从上一篇的线性高度雾我们可以发现，一旦相机不是大角度俯视，那么雾的表现就会失真，如果相机进入雾的范围则更假，因为雾气只是简单的贴在物体和地形上，并不会对整个视野造成影响。点击去往视频教
- 2024-11-03Patrick Cozzi简介
ChiefPlatformOfficer,BentleySystems,andFounder,Cesium宾利系统公司首席平台官，兼Cesium创始人。PatrickCozziistheChiefPlatformOfficeratBentleySystems.Inthisrole,hesupportstheteamsdedicatedtotheglobalcommunityofsoftwaredevelopersw
- 2024-11-01CesiumJS 案例 P17：添加文本、文本样式、删除文本、移动文本
CesiumJSCesiumJSAPI：https://cesium.com/learn/cesiumjs/ref-doc/index.htmlCesiumJS是一个开源的JavaScript库，它用于在网页中创建和控制3D地球仪（地图）一、添加文本<!DOCTYPEhtml><htmllang="en"> <head> <metacharset="UTF-8"/> &l
- 2024-10-31Cesium + geoserver (wmts) 实现离线地图服务和展示
急用前端代码的靓仔直接抄这个h5文件后端geoserverwmts服务搭建参考链接 快速搭建一个geoserver和wmts服务-CSDN博客'<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=devic
- 2024-10-30CesiumJS 案例 P12：添加指定长宽的图片图层并居中显示（圆点分别为图片图层的中心点、左上角顶点、右上角顶点、左下角顶点、右下角顶点）
CesiumJSCesiumJSAPI：https://cesium.com/learn/cesiumjs/ref-doc/index.htmlCesiumJS是一个开源的JavaScript库，它用于在网页中创建和控制3D地球仪（地图）一、添加加指定长宽的图片图层并居中显示（原点为图片图层的中心点）<!DOCTYPEhtml><htmllang="en"> <head>
- 2024-10-29CesiumJS 案例 P11：添加图片图层异常、添加标记、添加标记并指定大小、添加标记并指定原点
CesiumJSCesiumJSAPI：https://cesium.com/learn/cesiumjs/ref-doc/index.htmlCesiumJS是一个开源的JavaScript库，它用于在网页中创建和控制3D地球仪（地图）一、添加图片图层异常<!DOCTYPEhtml><htmllang="en"> <head> <metacharset="UTF-8"/>
- 2024-10-29CesiumJS 案例 P10：带边框的图片图层（Entity polyline 实现、Entity polygon 实现、Entity rectangle 实现）
CesiumJSCesiumJSAPI：https://cesium.com/learn/cesiumjs/ref-doc/index.htmlCesiumJS是一个开源的JavaScript库，它用于在网页中创建和控制3D地球仪（地图）一、带边框的图片图层（Entitypolyline）<!DOCTYPEhtml><htmllang="en"> <head> <metacharset="U
- 2024-10-27CesiumJS 案例 P7：添加指定长宽的图片图层（原点分别为图片图层的中心点、左上角顶点、右上角顶点、左下角顶点、右下角顶点）
CesiumJSCesiumJSAPI：https://cesium.com/learn/cesiumjs/ref-doc/index.htmlCesiumJS是一个开源的JavaScript库，它用于在网页中创建和控制3D地球仪（地图）一、添加指定长宽的图片图层（原点为图片图层的中心点）<!DOCTYPEhtml><htmllang="en"><head>
- 2024-10-26CesiumJS 案例 P6：添加图片图层、添加图片图层并覆盖指定区域
CesiumJSCesiumJSAPI：https://cesium.com/learn/cesiumjs/ref-doc/index.htmlCesiumJS是一个开源的JavaScript库，它用于在网页中创建和控制3D地球仪（地图）一、添加图片图层<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"
- 2024-10-19Cesium for UE-04-一些说明
目前主要做webgis的工作，UE官方对web的支持截止到了4.23版本，即使是4.23版本之后的4.xx版本也有办法支持，已经有大佬开源了一些方法和工具，不再介绍。即使是4.23想要输出为h5，也是有一定的折腾门槛的。最重要的是【CesiumforUE】不支持4.23，而其支持的版本，目前主流方案就是推流，
- 2024-10-11火星地图引入
<template><div:id="`mars3d-container${mapKey}`"class="mars3d-container"></div></template><script>importVuefrom'vue'//使用免费开源版本//import'mars3d-cesium/Build/Cesium/Widgets/wi
- 2024-10-09从零搭建Cesium+vue3+vite
介绍在现代前端开发中，Cesium是一个功能强大的WebGL库，广泛应用于3D地球可视化、空间数据展示等领域。结合Vue3的组件化开发模式，我们可以创建一个高效且可维护的3D地图应用。本文将带你一步步搭建一个简单的Cesium+Vue3项目，并且对各个功能模块进行细致划分，帮助你快
- 2024-10-08Cesium进阶学习一、Primitive
一、primitive简介 1、概念：[Primitive](https://cesium.com/learn/cesiumjs/ref-doc/Primitive.html)是Cesium中用于绘制几何图形的另一个重要的接口，相对于[Entity](https://cesium.com/learn/cesiumjs/ref-doc/Primitive.html)来说，它更接近渲染引擎底层，主要面向图形开发
- 2024-09-15Cesium 比较常用的几个方法
根据经纬度获取高程/***根据经纬度获取高程*@param{mars3d.Map}map*@param{number}lng*@param{number}lat*/asyncfunctiongetHeightByLngLat(map,lng,lat){if(!lng||!lat)returnundefined;letpositions=[Cesium.Carto
- 2024-09-14Vue3 结合 Cesium 动态绘制矩形
相关概念Viewer：newCesium.Viewer (container, options )介绍：用于构建应用程序的基本小部件。它将所有标准Cesium小部件组合到一个可重用的程序包中。Entity：newCesium.Entity ( options )介绍：实体实例将多种形式的可视化聚集到单个高级对象中。可以手动创建它们
- 2024-09-11Cesium源码解读之Viewer（全网最全）
今天我们来扒一扒cesium的源码，探寻一下底层的奥秘，我们平时工作中用的最多的应该就是varviewer=newCesium.Viewer('cesiumContainer');这句了但我们却很少去了解他底层是否如何实现的。首先我们可以通过Source/Cesium.js找到api的入口然后一步步往下走....这个是我理的