100GB,台湾台东县绿岛倾斜摄影3DTiles数据来了

又来了,这次带来的是台东县绿岛倾斜摄影数据

上篇文章给大家介绍了兰屿岛倾斜摄影3DTiles数据,对台东县兰屿岛的地理位置、战略地位以及数据信息进行了详细介绍;同样作为台湾东南门户,兰屿岛正北方60公里之外的另一个岛-绿岛,与兰屿岛共同成了台湾东南区域的第一屏障。绿岛和兰屿岛都属于台东县下属的两个乡,分别是绿岛乡和兰屿乡,兰屿岛距离台东县有90公里,而绿岛距离台湾本岛台东县,仅有33公里,战略位置更为重要。这次联合利剑-2024B演习,其中一块演习区域即在绿岛外海。

一、地理位置

绿岛原名火烧岛,亦称鸡心屿,南北长约4公里,东西宽约3公里,海岸线约20千米,面积约15平方公里,为台湾省第四大外岛,仅次于澎湖、兰屿、渔翁岛。
岛内最高点为火烧山,高度280米,东南临海处多为断崖,从卫星影像上俯瞰绿岛,见下图。

二、数据信息

绿岛虽然面积不大,只有15平方公里,原始数据大小有70GB,转成3DTiles格式后,数据量高达100GB,数据精度相当高,从文章后面的显示效果图就可以看出。

有点遗憾的是,数据并非十全十美,绿岛最高峰火烧山有部分数据缺失,不过范围很小。

三、数据展示

在上篇文章已经介绍过数据发布方式,3DTiles数据都是静态文件,使用Nginx直接静态代理即可,无需部署发布程序。将数据使用Nginx进行代理发布后,加载到CesiumJS上进行可视化展示。这里分享一个nginx.conf里Server样例。

xml 复制代码
server
  {
    listen       8804;
    server_name  localhost;
    proxy_set_header Host $host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    add_header Access-Control-Allow-Origin "$http_origin";
    add_header Access-Control-Allow-Credentials true;
    add_header Access-Control-Allow-Methods 'GET, POST,OPTIONS';
    add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization';
    if ($request_method = 'OPTIONS') {
      return 204;
    }


    location {
        autoindex on;
        root   D:/Data/GreenIsland-3DTILES/;
    }

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
  }

在前端使用CesiumJS组件,创建Cesium3DTileset对象,加入到pirmitives当中。需要注意的是,depthTestAgainstTerrain要设置成false,否则会有地形遮挡显示问题。以下是示例代码:

javascript 复制代码
let tileset = await Cesium.Cesium3DTileset.fromUrl(
    "http://localhost:8804/tileset.json");
  viewer.scene.primitives.add(tileset);
  viewer.scene.globe.depthTestAgainstTerrain = false;

这里我使用的CesiumJS是1.121.1版本,底图是cesium ion中的默认ESRI卫星影像瓦片,数据加载显示效果见下面截图:



绿岛曾是一座监狱,作为政治犯的流放地,因关押过著名作家柏杨等政治犯而广为人知。监狱后来关闭,其内部对外向公众开放,建有"白色恐怖绿岛纪念园区",下图为纪念园区倾斜摄影效果。

四、数据

该数据后期会向大家提供样例数据,敬请期待!

相关推荐
GISBox6 天前
GIS项目中FBX转3DTiles全解析:提升WebGIS三维数据性能的实践指南
性能优化·3dtiles·fbx·gisbox·服务分发·gis server·切片转换
duansamve6 天前
React 18+TS中使用Cesium 1.95
react.js·typescript·cesium
DSLMing9 天前
Cesium 内置变量 czm_ellipsoidInverseRadii
cesium
Mintopia10 天前
Cesium-kit 又发新玩意儿了:CameraControl 相机控制组件全解析
前端·three.js·cesium
Mintopia12 天前
🌍 cesium-kit —— 快速实现动态标点与交互的 Cesium 工具库
前端·three.js·cesium
Mintopia13 天前
🚀 Cesium-Kit:10 秒为你的 Cesium 项目添加动态光效标记
前端·javascript·cesium
Mintopia14 天前
🚀 cesium-kit:让 Cesium 开发像写 UI 组件一样简单
前端·前端框架·cesium
YAY_tyy16 天前
【Cesium 开发实战教程】第六篇:三维模型高级交互:点击查询、材质修改与动画控制
前端·javascript·3d·教程·cesium
xhload3d17 天前
核潜艇虚拟作战管控系统 | 图扑数字孪生
物联网·低代码·3d·智慧城市·数字孪生·三维可视化·可视化·工业互联网·工业组态·轻量化·智慧军事·智慧军用设备·核潜艇·军事科技
不浪brown1 个月前
全面开发!可同时支持“倾斜模型”以及“地形”的填挖方(土方)分析工具
cesium