查看原文
其他

设计 | Mapbox Studio新增hillshade图层,现实地形样式定制更精准细致

Mapbox Mapbox 2019-06-01


Mapbox Studio 新增hillshade 图层


如何让地图更立体、更逼真?如何真实地再现地球丰富的地貌?


Mapbox Studio 最近的更新,增加了新的图层类型 hillshade(山影图),现在你可以利用Mapbox 添加山影图层,绘制出具有更详尽细节展示,和更接近真实地貌的地图了!——所有的山丘、峡谷和山脉都将可以更出色的3D立体呈现。所有的注册用户都可以直接使用。


简单展示一下太阳运动呈现在Mapbox 山影图上是什么样子。

https://v.qq.com/txp/iframe/player.html?vid=c1334dwszzh&width=500&height=375&auto=0

每个Mapbox 的注册用户还可以通过查阅 hillshade-exaggerationhillshade-shadow-colorhillshade-highlight-colorhillshade-accent-color等相关参数设置,制作更具有个人风格和创意的阴影风格。


😇  原理是什么?


“山影图”图层类型背后的原理,主要是使用了数字高程模型 (DEM) 来精确计算每一像素中的阴影和高光。【数字高程模型 (DEM) :编译成栅格图像瓦片的高分辨率高程数据】


正因为这样对每一像素中阴影高光的计算,最终山影呈现的效果要比矢量地形图块绘制的阴影效果精确细致得多。这也是像素计算法与多边形绘制法最根本的区别。


简单直观感受一下二者的区别。

使用矢量地形图块按照高光位置绘制的阴影图▼


使用 DEM 模型来对高程数据进行编译绘制的地图▼


结果显而易见,利用DEM 模型绘制的地图更加真实细致。


而从Mapbox 户外地形图上也能明显看出区别。

旧样式▼


新样式,更突出、精确的细节呈现▼


若想使用这款新的山影图层,可以通过mapbox-gl-js 最新版本 v0.44.1来添加。




🌀  我们也希望在Mapbox各大平台上也能够看到你的分享,可以直接在下方评论或者微信后台留言给我们,知乎搜索关注 @Mapbox中国,还可以在微博 @Mapbox 或者tag #builtwithmapbox#。


⚠️    如需转载,可以在Mapbox-China微信公众号后台回复关键词【转载】获得转载相关信息或白名单授权。所有侵权行为,我们一定会追究到底。


    您可能也对以下帖子感兴趣

    文章有问题?点此查看未经处理的缓存