在leaflet上,根据加载的切片数据,使用webgl的方式,动态渲染hillshade和contour(轮廓图效果)。
github地址:
https://github.com/frogcat/leaflet-tilelayer-glue
原始底图:
使用contour渲染效果图:
使用hillshade渲染效果图:
在网站上有一个预览效果,点击即可打开网页进行查看。
此效果使用了webgl进行开发,通过颜色的设置,达到以上两种效果,可以达到动态实时渲染。
地图的底图,是要根据高程设置成不同颜色的底图,才能很好的显示此种效果,不同的高程设置,webgl中对应的代码也不同。
更多文章请关注公众号查看: