一、背景
瑞士是位于中欧的一个国家，以其美丽的自然风光、高质量的生活和强大的金融体系而闻名，其位于欧洲中部，四面环山，与德国、法国、意大利、奥地利和列支敦士登等国家接壤。瑞士境内有许多湖泊和阿尔卑斯山脉的一部分。瑞士的地理特征丰富多样，包括山脉、湖泊和河流自然景观，包括阿尔卑斯山脉占据了瑞士的大部分土地，其景观包括峰峦叠嶂的山峰、冰川和高山谷地。瑞士境内有一些著名的山峰，如马特洪峰（Matterhorn）、艾格峰（Eiger）和少女峰（Jungfrau）等以及许多大大小小的湖泊，如日内瓦湖（Lake Geneva）、琉森湖（Lake Lucerne）、苏黎世湖（Lake Zurich）等，同时还有莱茵河（Rhine River）和罗纳河（Rhône River）等河流，共同构建了瑞士独特而美丽的风景。最近获取了瑞士的地形数据，因此处理后切成了瓦片数据。
二、数据介绍
0.5m,这是目前能获取的精度最高的瑞士高程数据，其实这份DEM原始高程数据很早就下载好了，只是一直没转换和处理，处理完后的高程数据地形晕渲图见下图：
经过投影变换等操作，将原始数据变换为wgs84投影，然后使用瓦片生成工具，切成了Cesium能接入的地形瓦片数据。
0.5m目前能切到20级，这是切成瓦片生成的图层信息:
三、显示效果
将数据使用Nginx进行发布，具体发布方法可以参考我之前的地形瓦片发布文章，这里给出nginx中nginx.conf的配置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/DEM-0.5M-WGS84-SWISSALTI-MESH/;
#index index.html index.htm;
}
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}
}
前端使用Cesium进行接入，具体接入关键代码如下
//创建viewer
const 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上的效果截图如下：
可以看到，沟渠清晰可见，两旁的道路非常笔直平坦，经过对比才知道，原来这份高程数据的分辨率不比影像数据的差，很少见。下面看看其他效果图：
这是水库图，近处的水，远处的山，风景优美。
这是大坝的效果，整个坝体轮廓很清晰
以更近视角观察盘山公路，盘山公路也是非常平整，这是大家在12.5m的地形数据上无法看到的效果。
四、结语
这份数据精度高，质量也很好，加上瑞士风景优美，是一份难得的做风景可视化的瓦片数据，加载到Cesium JS上效果已经很不错，如果结合UE5或者Unity游戏引擎，把天气系统和光照加上去，效果肯定很好，放在VR或MR设备上，更适合做小场景展示。对于这份数据，有需要或者有问题的读者可以在评论区留言或者私信联系。
