Leaflet系列:分享切片动态渲染

在leaflet上,根据加载的切片数据,使用webgl的方式,动态渲染hillshade和contour(轮廓图效果)。

github地址:

https://github.com/frogcat/leaflet-tilelayer-glue

原始底图:
Leaflet系列:分享切片动态渲染
使用contour渲染效果图:
Leaflet系列:分享切片动态渲染
使用hillshade渲染效果图:
Leaflet系列:分享切片动态渲染
在网站上有一个预览效果,点击即可打开网页进行查看。

此效果使用了webgl进行开发,通过颜色的设置,达到以上两种效果,可以达到动态实时渲染。

地图的底图,是要根据高程设置成不同颜色的底图,才能很好的显示此种效果,不同的高程设置,webgl中对应的代码也不同。

更多文章请关注公众号查看:
Leaflet系列:分享切片动态渲染