- 博客(11)
- 收藏
- 关注
原创 vue3使用cesium(六):拆分网格
本文介绍了如何使用Turf.js库进行地理网格的拆分和绘制。首先,通过npm安装Turf插件,并导入相关模块。接着,通过定义大区域的四个角点坐标,使用循环和精度参数将大区域拆分为多个小网格,并将每个网格的坐标点存储为数组。然后,使用Turf的polygon方法定义大区域的多边形,并遍历所有小网格,检查其顶点是否位于大区域内,若在则使用Cesium库绘制该网格。最后,通过设置点击事件,实现点击网格时切换其颜色的功能。整个过程展示了如何利用Turf和Cesium进行地理数据的处理和可视化。
2025-12-16 10:40:27
169
原创 vue3使用cesium(七):根据GeoJSON数据批量加载矢量建筑
该代码使用Cesium库加载GeoJSON格式的矢量建筑数据,并将其添加到Cesium Viewer中。通过设置clampToGround和simplify参数,确保建筑模型贴地并简化几何体。代码还调整了建筑的高度、拉伸高度、轮廓和颜色等属性,使其更符合实际场景。最终,建筑模型以灰色(#eee)显示,无轮廓线,并贴地放置。
2025-09-05 10:13:26
269
原创 vue3使用cesium(三):加载模型
本文介绍了两种在Cesium中加载3D模型的方法。使用entities,通过设置模型路径、缩放比例、最小像素尺寸、经纬度、高度和方位角等参数,将模型添加到场景中。使用primitives,性能更优,通过异步加载模型并设置模型矩阵、缩放比例、最小像素尺寸等参数,将模型添加到场景中。
2025-05-22 09:37:03
979
原创 vue3初始化cesium,加载自定义TMS瓦片地图
自定义TMS瓦片"tms地址", {});geoServerurl: 'geoserver服务地址', // geoserver服务地址layers: '工作区名:图层名', // 工作区名:图层名},});
2025-05-15 08:53:06
1004
原创 使用cesiumlab将tif地形转换为terrain地形切片数据
cesiumlab下载地址:CesiumLab详情介绍 地球可视化实验室.团队致力于提供基础应用开发,助力数字孪生从业者,开发相关业务。地址:首页 地球可视化实验室.团队致力于提供基础应用开发,助力数字孪生从业者,开发相关业务。
2025-05-14 08:51:43
1107
原创 使用cesiumlab将tif转换为tms影像切片数据
cesiumlab下载地址:CesiumLab详情介绍 地球可视化实验室.团队致力于提供基础应用开发,助力数字孪生从业者,开发相关业务。地址:https://www.bjxbsj.cn/
2025-05-14 08:51:20
947
原创 vue3报错“default“ is not exported by...
vue3+vite在使用npm run build时报错“default“ is not exported by的解决方案;
2025-05-13 09:19:11
1019
原创 uniapp:exception:white screen cause create instanceContext failed,check js stack -> at useStore
关于uniapp使用vue3打包APP报错:exception:white screen cause create instanceContext failed,check js stack -> at useStore的解决方案;
2025-05-13 08:57:08
1480
Viper4Windows一键安装版(附带部分脉冲文件)
2025-05-28
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅