- 博客(89)
- 收藏
- 关注
RSS订阅原创 cesium 修改底图着色器
翻阅资料我们发现viewer.scene.globe._surfaceShaderSet.baseFragmentShaderSource.sources这个属性中是全局着色器的实现。我们在不想修改源代码的情况下可以改这里的代码，从而实现瓦片着色器的修改。但是关于改api我们发现ceisum并不支持在改api直接修改着色器的属性。
2025-11-10 15:55:13
366
原创 geoServer发布矢量图层， leaflet 或mapbox加载
本文介绍GeoServer发布矢量瓦片图层的关键步骤和Leaflet加载方法。重点包括：1)发布时需设置正确参数，如使用英文文件名、根据SRS计算边框、选择Mapbox矢量瓦片格式；2)通过GeoServer服务查看WMTS/TMS等各类服务的URL；3)使用Leaflet的vectorGrid.protobuf方法加载WMTS矢量瓦片，需配置样式、交互属性等参数。该流程实现了从GeoServer发布到前端加载矢量瓦片地图的完整解决方案。
2025-11-03 18:45:34
163
原创 cesium 或three加载3dtiles 模糊解决方案
摘要：如何优化3D模型显示效果？关键在于调整几何误差参数。Cesium3DTilesetGraphics中的maximumScreenSpaceError参数值越小模型越清晰；three.js的3d-tiles-renderer则通过errorTarget属性控制。详细原理可参考技术博客(链接)。这些参数通过调节屏幕空间误差来平衡模型精度与渲染性能。(99字)
2025-10-15 16:05:24
236
原创 leaflet-polylinedecorator与leaflet-rotatedmarker包冲突解决
可以通过仅使用 leaflet-polylinedecorator 并从项目中删除 leaflet-rotatedmarker 包来修复。此包具有 rotatedmarker 的所有功能。leaflet-polylinedecorator 旋转 x 度， leaflet-rotatedmarker 旋转另外 x 度，旋转了两次。同时引入两个包，发现rotatedmarker设置角度发生了问题。
2025-08-06 14:51:36
166
原创 Gis数据的A*算法规划航线
本文实现了一个基于栅格化和A算法的路径规划系统，主要技术栈包括GeoTools、JTS和JGraphT。系统首先读取GeoJSON地理数据文件，获取地理边界并创建栅格网格（栅格大小为0.005度）。通过将地理要素与网格单元相交检测实现栅格化，障碍物单元被标记。然后构建8连通的加权图结构，对角线邻接权重为√2，直线邻接权重为1。使用曼哈顿距离作为A算法的启发函数，从指定起点到终点进行路径搜索。最终输出找到的路径点坐标序列或提示未找到路径。该系统完整实现了从地理数据处理到路径规划的全流程。
2025-07-24 15:35:36
238
原创 java解析nc气象数据
重点讲解 timeIndex 参数 nc 文件中一个文件包含多个日期数据，获取变量的时间维度范围是整数，而 timeIndex是根据文件开始时间将时间转为时间维度index后的数值。表示时间维度开始 timeIndex 步长为1，经度纬度的维度开始0，步长为所有。
2025-07-21 18:01:36
532
原创 cesium加载Draco几何压缩数据
可以看到只处理了ThirdParty/Workers 文件的引用，但是ThirdParty里其他文件没有处理，而draco_decoder.wasm 恰好在这次选项中。cesium包里有这个文件，但是vue项目中找不到。那大概率是webpack的问题。报错找不到draco_decoder.wasm，无法解压数据。接下来看我的 vue.config.js文件。此时可以加载Draco压缩数据。
2025-06-30 14:59:19
218
原创 MBTiles 爬取，读取，数据转换，发布
一般通过MVT驱动程序：矢量瓦片格式为独立文件、未压缩文件或gzip压缩文件（典型的扩展名是.pbf、.MVT、.MVT.gz）。首先拿到矢量图层链接{z}/{x}/{y}.pbf 到 QGIS添加数据源 使用工具箱下载矢量瓦片；数据库存储瓦片地图数据的标准，该标准的目的是即时传输和使用数据。MBTiles 中储存的矢量瓦片格式遵从mapbox矢量瓦片规格。键, 它的值是一个"geostats"格式的对象。MBTiles 中存储的瓦片为矢量瓦片和栅格瓦片；键, 它的值是一个JSON对象数组。
2025-01-07 15:39:39
1528
原创 cesium通过经纬度获取3dtiles 得feature信息
如果要实现通过经纬度获取3dtiles 得feature信息简单思路是遍历Cesium3DTileFeature里数据与经纬度做对比，但直接遍历实在浪费性能，因此一直在寻找能节省性能的接口。暂时找到这么一个接口： 在scene中，scene表示虚拟场景中所有 3D 图形对象和状态的容器；
2024-12-26 12:01:21
927
原创 常用气象数据Netcdf，GRIB，HDF，CSV，GeoTIFF，BUFR数据介绍与解析为json
Netcdf，GRIB数据解析为json
2024-11-28 10:54:31
1079
2
原创 Cesium版本升级webgl问题，glsl代码关键字修改
简介Cesium 从1.102.0 开始，Cesium 默认使用 WebGL2 上下文。一些webgl特效代码在webgl1中支持，但是在版本升级后，运行会报各种glsl代码错误。现在有两种解决方案。详细办法描述如下所示。
2024-07-09 18:18:50
1504
原创 使用cesiumLab使shp转为3dtlies
2.如有高程文件可以一块添加进去，这样可以使3DTiles文件更好贴地。如果用3DTiles文件并开启地形的话，因为3DTiles文件底高设置为0，两边高度对不上会卡住，导致3DTiles文件例如城市白膜移动视角会漂浮。过程不做赘述，网上大把，说下注意事项。1. 存储3DTiles 选项。
2024-06-05 15:14:07
1475
2
原创 webGis风场数据解析
配置了数据记录内容，风力数据默认为2风向数据默认：Momentum记录了数据方向：U向为2，V向为3数据点数量nx横向划分栅格数量ny纵向划分栅格数量dx横向步长dy纵向步长lo1横向起点，全球默认为0la1纵向起点，全球默认为-90lo2横向终点，全球默认359.5，根据步长有所不同la2纵向终点，全球默认-9090。
2024-05-17 11:39:23
683
原创 mapbox中filter表达式
我很确定筛选条件没问题，那么为何报错呢？百度，找到原因：https://docs.mapbox.com/style-spec/reference/other/#other-filter 回到代码中看看我是如何混用了: 其中 [ "==", "0", ["get", "res"] ] 是新表达式的语法（expression语法）转为旧语法（基于属性的filter语法（property-based filter syntax））为：[ "==","res","0" ]https://docs.mapb
2024-04-24 15:34:02
3345
原创 vite 使用自定义组件无法热更新
如使用vite构建工具构建项目，如遇到组件无法热更新等问题可先排查组件的。看看路径中大小写是否正确，是否包含中文等。
2024-04-17 16:36:12
378
原创 cesium新建EntityCollection (CustomDataSource)
也就是说直接添加一个EntityCollection在viewer是不会渲染的，必须指定数据源才行，否则无效。可以看出来这个类类似工具类，实用性不强，如果想加实体集群使用new Cesium.CustomDataSource(name)在Cesium中重新创建一个新的EntityCollection，而不是直接使用viewer.entities的对象。
2024-03-27 16:55:24
1290
原创 pdfH5.js执行成功但显示白屏原因
看看自己是否使用mock虚拟接口工具。关闭mock就可以解决pdf白屏问题。检查mian.js 或 vue.config.js 看看是否有相关配置。
2024-03-08 15:45:55
1277
原创 echartsApi的运用
为了实现立体效果series 里有三项。滑上数据项使series里三项数据全部变色。使用echarts API ：events和action。
2024-01-02 12:13:45
493
原创 React Native搭建
jdk 最好1.8。node最好16. Android Studio下载Android sdk，也会自带和可以下载jdk,后期需要什么直接下载。React Native 版本最好0.72。再高版本需要node 18。谨慎起见暂不升级。注意：React Native 0.72，需要jdk 11以上。
2023-12-28 11:32:29
1029
原创 nginx代理跨域
教程：https://www.w3schools.cn/nginx/nginx_command_conf.htmlNginx 是一款轻量级的 Web 服务器/反向代理服务器及电子邮件（IMAP/POP3）代理服务器，其特点是占有内存少，并发能力强。Nginx 不仅提供了 Web 服务器的功能，还极大满足了这一主流架构的需求并提供了如下应用特性。① 访问路由现今大型网站的请求量早已不是单一 Web 服务器可以支撑的了。单一入口、访问请求被分配到不同的业务功能服务器集群，是目前大型网站的通用应用架构。
2023-12-18 17:26:08
1303
原创 leaflet 缩放动画 （自定义弹窗）
zoomstart 与 zoomend事件搭配css过渡实现；// 自定义覆盖物类 var CustomOverlay = L . Layer . extend({});});} });
2023-07-25 11:25:35
739
原创 运算符+事件三要素
运算符+事件三要素运算符与表达式运算符：也被称为操作符，用于执行程序代码运算，会针对一个以上操作数来进行运算表达式：是由一个或多个操作数通过运算符连接起来的式子，每个表达式最终都会有一个结果，返回给开发者运算符的分类算术运算符赋值运算符比较运算符逻辑运算符三目运算符算术运算符加+ 隐士转换: “string”+任意类型数据 = “string”;规则：1、如果两边都是数字，则就是普通的数学计算2、如果有一边是字符串，则另一边也转成字符串，变成字符串的拼接3、如果没有字
2022-12-01 11:15:10
378
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人