
cesium
小白学过的代码
专业软件开发,助您打造高效智能应用!
核心技术栈:Vue、Vue 3 全家桶、Cesium、响应式布局,专注高性能 Web 应用与三维地图开发。
业务领域:
智慧可视化:三维项目、数字孪生、智慧城市、环境监测等。
PC 端 & 大屏适配:专业适配各类终端,提供流畅的用户体验。
APP & 小程序:参与多个移动端项目,熟悉商品销售、导航等业务。
官网 & 数据管理:定制企业官网、数据管理平台,让业务高效运作。
AI 赋能:结合深度学习和图像处理算法,助力智能分析、目标识别和自动化数据处理。
团队协作:与专业 UI 设计师及资深 Python 工程师合作,确保设计
展开
-
模型平移到指定某个经纬度
【代码】模型平移到指定某个经纬度。原创 2023-02-15 10:36:47 · 259 阅读 · 0 评论 -
Three.js、Cesium、webGL课程
又想要的同学可以私信我。原创 2022-09-21 09:19:23 · 363 阅读 · 2 评论 -
cesium着色器
自己记笔记的原创 2022-06-30 14:24:33 · 1585 阅读 · 2 评论 -
kml文件转换成json文件
自己用原创 2022-06-27 16:22:31 · 2171 阅读 · 0 评论 -
基于cesium不限制方向随意绘制不规则形状切割倾斜模型或地形
因业务场景需求,编写一款基于cesium不限制方向随意绘制不规则形状切割倾斜模型或者地形的插件,我的这个插件已经判断是否是顺时针,将顺时针转换成逆时针,我这里已经在重要代码加了注释...原创 2022-06-08 17:11:42 · 1139 阅读 · 5 评论 -
cesium一些优化
cesium一些优化原创 2022-06-06 09:12:09 · 2933 阅读 · 0 评论 -
cesium 在浏览器分辨率的问题
修改cesium的在浏览器显示效果原创 2022-06-06 09:02:02 · 1059 阅读 · 1 评论 -
模型根据经纬度平移指定位置
let modelMatrix = Cesium.Matrix4.multiplyByTranslation( Cesium.Transforms.eastNorthUpToFixedFrame( Cesium.Cartesian3.fromDegrees(121.4308655, 37.5270598, 0.0) ), new Cesium.Cartesian3(), new Cesium.Matrix4() ); ti..原创 2022-05-31 13:09:44 · 678 阅读 · 1 评论 -
山东省下辖16个地级市和山东地形图12.5米
山东每个时政地形图和山东地形图12.5米已经上传如果有需要请下载12.5米地形图的校验图:请看像素大小12.5*12.5下载地址:日照市12.5m地形图-Node.js文档类资源-优快云下载其他城市自己范找找 总共16个城市...原创 2022-05-19 11:13:38 · 833 阅读 · 1 评论 -
Cesium 通过经纬度获取模型的高度
最近项目中有需要添加标注信息,但是用户的给的数据没有高度这一个选项,只能通过我们自己获取模型的高度来进行赋值通过cesium官方自带的函数进行调整实例代码如下:let lon=112.3554;let lat=36.55555; let height = window.viewer.scene.sampleHeight( new Cesium.Cartographic( Cesium.Math.toRadians(lon),//转换成弧度原创 2022-04-03 16:25:18 · 3438 阅读 · 8 评论 -
Cesium 加载实景三维模型 优化建议
关于通过谷歌浏览器通过Cesium底层添加实景三维都会存在,谷歌浏览器内存回收机制,这个问题官方一直没有解决了。我可以根据一些参数进行调整一下,我这套方案,本人亲测有效,加载模型速度快,而且当你相机视角达到某个高度的时候或者移走的时候,他会自动回收,一点不占内存建议用异步方式和设置一些官方参数加载模型: var tileset = new Cesium.Cesium3DTileset({ url:url, skipLevelOfDetail: true,原创 2022-01-25 13:35:26 · 7078 阅读 · 3 评论 -
cesium entity对象导出kml文件(前端实现,不用通过后端)
这是效果图展示,代码已经上传,官方给的示例,是导出kmz,但是kmz文件他是二进制文件,打开源文件是乱码,所以说我把变成kml文件,这样方便读取原创 2021-12-01 11:43:43 · 1338 阅读 · 2 评论 -
基于Cesium的路径规划高德地图
我做的主要是基于Cesium+vue的3D地图的路径规划问题,从地图获取最开始起点和终点两个位置信息,对接高德地图接口便可以实现,其实难得部分在于坐标系转换问题我已经写好人的路径规划功能,封装成组件,你只要给他传入一个viewer便可以用代码已经上传需要的话自己下载吧,如果有问题需要扩展请找我......原创 2021-10-29 15:19:07 · 4182 阅读 · 6 评论 -
前端练习的网站
freecodecamphttps://freecodecamp.cnhttps://www.freecodecamp.org/ 的中文版,可以学习前端,后端,数据可视化等知识leetcodehttps://leetcode.com/有名的oj系统,听说有人通过这个网站刷题进了google当然,中文版也接着上线了 https://leetcode-cn.com/MDNhttps://developer.mozilla.org…当然要上大名鼎鼎的MDN,集文档及在线代码编程学习一体,菜鸟入门原创 2021-08-03 11:58:41 · 3204 阅读 · 0 评论 -
前端播放视频流(rtsp,rtmp,hls)
介绍一下我们平时用的视频流格式通常我们用的视频流格式分为RTSP,RTMP,HLS三种数据,下面是介绍怎么播放这些数据,相应的代码我都已经上传了。有需要的话可以直接下载,我亲身测试过绝对会好使据我亲身测试过播放RTSP数据有以下几种方式第一种方式就是通过VLC插件进行播放第一步你需要下载一个VLC插件,安装过程就是下一步,下一步就可以然后打开播放器,选择媒体=====》流======》网络在网络URL中输入网上测试的数据(rtsp://wowzaec2demo.streamlock.net/vod/原创 2021-01-31 10:22:06 · 14743 阅读 · 18 评论 -
GPS线路回放
这是效果我来讲一下关于GPS回放,我先说我的GPS回放不是模型按照固定线路行走,然后通过Animation控件和Timeline控件两个控件控制速度,因为这个百度一搜一堆源码,但是因为甲方爸爸需求,需要写一个关于画线跟小人一样有行走的动画效果。这个需要用到Ceisum.js官方一个名字叫Cesium.CallbackProperty回调函数,这个函数相当于一个for语句。详细介绍我的思路1.第一步先获取一个数组a的数据,然后延迟加载赋值给另一个数组b2.然后数组b给position里Cesium原创 2021-07-23 16:00:21 · 347 阅读 · 0 评论 -
多条轨迹选中单个显示,其他隐藏
多个entity创建 polyline线段,在界面查看起来不那么方便快捷,所以我设计的通过鼠标单击某一个线段,他单独显示,其他线段隐藏起来效果展示point() { var viewer = this.viewer; var entites = [ "1", "2", "3", "4", "5", "6", "7", "8", "9", "10" ]; var redLine = viewer.entit原创 2021-07-10 11:42:27 · 393 阅读 · 0 评论 -
cesium 单体化(分层)
这几天我对单体化了解和琢磨发现单体化就是在倾斜摄影上楼层或者整栋楼套了一个entity当用户选中的时候高亮显示而已做单体化方法分为两种:一.利用超图、gis、arcgis等绘制软件在倾斜摄影楼层上绘制一个个entity,并添加相关的标注信息,然后在到处kml文件或者shp文件,在加载kml文件,shp文件的话需要借助cesium lab软件有个矢量楼片切片功能将shp文件和倾斜摄影融合(我没有试过因为需要。。。)二.Cesium 自带的一个属性叫...原创 2021-07-02 15:33:58 · 3874 阅读 · 5 评论 -
cesium 添加广告牌
Cesium 添加广告牌子这次是关于cesium 添加广告牌的技术介绍废话不多说,先上链接,看一下我实现的功能广告牌的功能效果展示.大家看完效果之后,我来细讲一下我的各个功能分解我这是基于原生cesium.js做的功能用户通过名字,id, 经度,纬度,高度,和描述,照片,颜色来对广告牌的设置,用户可以自己设置高度和显示的图片,并且可以设置图片显示的颜色,根据设置的高度显示你选中的图片广告牌。**info信息展示:**当用户单击某个广告牌的时候,右侧显示信息你设置相关信息**删除功能:**删除原创 2021-06-12 11:24:48 · 3946 阅读 · 0 评论 -
倾斜模型数据优化和处理
**倾斜模型数据优化和处理今天通过我的经验吧,给你们讲一下关于倾斜模型数据优化和处理问题,因为我也是也是小白,这几天测试得出的最后结论一.服务器的改变服务器最好安装两个,一个nginx和一个tomact这样实现动静分离,把静态的数据(前端)放在nginx上,因为nginx可以对B3DM数据压缩,吞吐量快一些,把动态(后端)的数据放在tomact,实现前端完全分离。二.数据的改变国内对数据本身优化最好的软件分为三个:1.超图2.cesiumlab3.图新先来介绍一下超图吧,超图是有自己专属原创 2021-05-22 16:21:08 · 1560 阅读 · 4 评论 -
cesium 粒子特效
鼠标左键单击实现添加 粒子特效,右击停止添加代码如下:function fireadd() { var firejingdu = 116.6554885; var fireweidu = 39.5454545; var fireheight = 0; var firedata; var boolen = true; //获取事件触发所在的 html Canvas容器 firecanvas = viewer.scene.canvas; var handler = new Cesium.S原创 2021-02-03 17:26:45 · 2270 阅读 · 3 评论 -
cesium 加载离线地图
本人亲测好使的给你们推荐一款完全免费好用的下载离线地图软件LocaSpaceViewer 这款软件绝对好使好用只需要你下载下来就可以直接使用操作流程第一步 如图所示第二步绘制区域然后双击选择高级设置 千万要注意:你千万别跟下图一样选择等级,你必须要选择1.2.3.4.5.6 前面几级,要不然,你后期加载离线地图的时候,你会发现一个问题,球没有变化,你误认为它没有加载离线地图,其实你错了, 因为球体最初的时候是1级,因为你没下载前面1-8的等级,他没有加载前面1-8级的离线地图,所以最开始是没有原创 2021-02-03 17:13:22 · 1871 阅读 · 2 评论