腾讯企业邮箱网页版登录入口,seo 网站树,定制软件的网站,魔站网站开发一、简介
从开始写文章到现在#xff0c;陆续发布了全球90m、30m(包括哥白尼及ALOS)、12.5m全球级瓦片数据#xff0c;以及中国12.5、日本10m、新西兰8m、等国家级瓦片数据#xff0c;同时也发布了台湾20m、中国34省区12.5m等地区级瓦片数据。在数据发布的文章中对数据如何…一、简介
从开始写文章到现在陆续发布了全球90m、30m(包括哥白尼及ALOS)、12.5m全球级瓦片数据以及中国12.5、日本10m、新西兰8m、等国家级瓦片数据同时也发布了台湾20m、中国34省区12.5m等地区级瓦片数据。在数据发布的文章中对数据如何发布如何在Cesium中调相关接口使用只字未提虽然数据发布接入对于资深开发者来说比较简单但是对于入门者来说还是比较费劲的因此我在这里详细给大家介绍一下地形瓦片数据下载后如何使用。数据使用分两步1.数据发布相当于在后端进行数据发布供前端调用进行可视化展示2.Cesium调用CesiumTerrainProvider对数据发布url进行接入下面分别进行详细介绍。
二、数据发布
1.数据发布
地形瓦片数据很简单是terrain格式文件按照层级和列号以文件夹形式组织而且数据切好后不需要改动都是静态文件因此使用Nginx进行发布最为方便、简单也可以使用Tomcat等也可以发布。这里我使用windows环境下Nginx对ALOS全球30m地形瓦片数据发布进行介绍。 首先下载Nginx我下载的是1.24.0版本下载解压后进入conf文件夹使用notepad打开nginx.conf文件对默认server进行配置如下图所示 这里监听的是8802端口也针对跨域进行了相关设置这里不再赘述我们关注的是location部分root配置的是地形瓦片数据根目录在电脑的绝对路径我这里配置的是D:/Data/DEM/Data/DEM-30M-WGS84-GLOBAL-ALOS-MESH/在电脑中打开这个绝对路径可以看到ALOS全球30m地形瓦片数据的根目录截图 为了方便大家使用我把server的配置信息发出来。 server{listen 8802;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/DEM/Data/DEM-30M-WGS84-GLOBAL-ALOS-MESH/;#index index.html index.htm;}error_page 500 502 503 504 /50x.html;location /50x.html {root html;}}配置好后保存nginx.conf文件然后打开命令行进入nginx.exe当前目录输入命令start nginx对nginx进行启动会有一个窗口一闪而过这样数据就发布了。 数据虽然发布了为了验证数据是否发布成功我们可以打开浏览器输入“http:\localhost:8802”,如果显示地形瓦片数据目录表示数据发布成功了。
三、数据接入显示
数据发布完成后我们开始进行数据接入首先搭建Cesium工程这里不再展开我放出加载地形瓦片数据关键代码 //创建viewerconst viewer new Cesium.Viewer(cesium-app, {selectionIndicator: false,baseLayerPicker: false,homeButton: false,infoBox: false,timeline: false,navigationHelpButton: false,navigationInstructionsInitiallyVisible: false,vrButton: false,fullscreenButton: false,geocoder: false,animation: false,sceneModePicker: false,shadows:true,imageryProvider: new Cesium.ArcGisMapServerImageryProvider({url: https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer})});viewer.cesiumWidget.creditContainer.style.display none;viewer.scene.globe.enableLighting false;viewer.scene.highDynamicRange true;viewer.scene.msaaSamples 16;viewer.scene.fog.enabled true;viewer.scene.fog.enableLighting true;//加载地形viewer.terrainProvider new Cesium.CesiumTerrainProvider({url:http://192.168.1.77:8802/,tilingScheme: new Cesium.GeographicTilingScheme(),requestVertexNormals:true});在上述代码中首先创建viewer对象设置大气、雾、光照、抗锯齿等参数增强地形表达效果再通过CesiumTerrainProvider创建viewer的terrainProvider对象这样数据就加载到场景当中了。在这里说明一下,我的后端nginx和前端cesium不是一台机器后端机器ip是192.168.1.77,开放的端口号是8802因此我们接入的url全称是http:\192.168.1.77::8802也需要设置tilingScheme,我们的数据都是wgs84投影所以设置的是GeographicTilingScheme对象同时设置requestVertexNormals为true因为地形瓦片是Mesh格式在生成Mesh格式terrain数据时也生成了每个点的法向量这样开启光照地形会有光照明暗阴影效果更加自然。 最后运行程序数据就能顺利接入cesium里了。
四、结语
从上面可以看出整个数据发布和数据接入还是比较容易的。有些公司和开发者将瓦片数据进行打包成紧凑型格式或者存入sqlite等数据库中再开发数据发布服务进行数据发布整个小文件瓦片数据打包成一个或多个大文件这样便于迁移和权限控制我个人觉得使用Nginx发布瓦片数据这种方式反而更纯粹、更简单因为地形瓦片数据我已经压缩成tar.gz或者zip等压缩格式而且数据不再更改如果需要迁移只需要把压缩文件迁移过去后解压再配置Nginx参数即可。
