Cesium笔记之地图清晰度解决方案 |
您所在的位置：网站首页 › 付费卫星地图清晰度高吗安全吗 › Cesium笔记之地图清晰度解决方案 |
Cesium笔记之地图清晰度解决方案
|
最近发现Cesium加载瓦片地图数据清晰度很差，特别是地图上的文字加载十分模糊，有的人说是Cesium引擎导致模糊，也有说是浏览器的原因导致模糊。在研究了很久之后，也找到了一些方法能够改善一下地图的清晰度。 1.改善实体的文字和图片清晰度 viewer.scene.fxaa = false;fxaa确实能够改善文本和图片的清晰度，API文档上fxaa属性的介绍：When true, enables Fast Approximate Anti-aliasing even when order independent translucency is unsupported.即开启fxaa能够启用图片抗锯齿的功能，但是不知道为啥会导致图片模糊，关掉之后会清晰很多。 还有种说法，直接用canvas绘制图片或者文本图形比直接调用Cesium接口绘制要清晰蛮多。经过测试，确实清晰很多。 2.降低性能提供图片质量 viewer.scene.globe.maximumScreenSpaceError = 4/3;属性maximumScreenSpaceError: Higher values will provide better performance but lower visual qualit.数值越高，性能越好，但视觉质量越差。默认值为2。针对不同的地图数据源，该值在0.66~1.33之间地图清晰度最高。 3.改变地图灰度系数 let layer0 = viewer.scene.imageryLayers.get(0); layer0.gamma = 0.66;gamma表示地图的灰度系数，默认值为1。部分地图源在Cesium上表现的过暗或者过亮，改变gamma能够将地图的亮度调至适中也能提高清晰度。 4.调整瓦片数据的结构 // 获取当前的图层 let layer = viewer.scene.imageryLayers.get(0); // 改变当前地图的组织结构 layer.minificationFilter=Cesium.TextyreMinificationFiler.NEAREST; layer.magnificationFilter=Cesium.TextureMagnificationFilter.NEARESTminificationFilter、magnificationFilter表示缩小和放大瓦片数据的过滤方式。默认值为LINEAR线性结构，大部分地图调整为最近方式过滤能够有效提升地图清晰度。 影像地图before: 影像地图after: 电子地图before: 电子地图after: 以上是几种提升地图清晰度的方法，具体使用可以结合几种方法多尝试几次。 created by @SpiderWang 转载请注明作者及链接 |
【本文地址】