地图建筑群的光影效果原理和应用实践

‍

背景

高德开放平台在2020年初推出了AMap JSAPI 2.0版本，现在版本已经稳定下来。在JSAPI 2.0版本中我们采用了新的渲染管线，在每个渲染流程中都针对性的进行了性能优化。

因此，各方面相较于上一个稳定版本都有了很大的提升。为了还原更加真实的世界，我们希望地图中的建筑元素拥有更多的光影效果，来模拟真实世界中无处不在的光照。并且，真实世界的楼体建筑也应该拥有不同的材质，对光源有不同的响应。

今天我们就来聊一下地图上立体建筑元素的光照效果如何渲染。

现状

目前主流地图服务商的地图渲染效果都有各自的侧重点，主要的方案有以下几种：

方案一：楼体没有高度信息，只有贴地的多边形色块代表。

方案一效果图

方案二：拥有盒子形状楼体渲染，支持太阳光模拟光照的简单立体效果。在某些角度下会出立面无法区分的情况。

方案二效果图

方案三：猜测利用倾斜摄影资源，类似3DTile的加载方式，实现了接近真实世界的渲染效果，而且性能优异。

方案三效果图

当时ÿ