Realization of 3D stretching effect of webGIS graphics 3D (2.5D) three-dimensional plot shadow graphics

First look at the effect:

 

 Let me talk about the idea first, the realization of the above effects does not depend on any GIS framework, that is to say, it can be realized in any GIS framework. This is a question of combining mathematics and art.

In fact, if we want to achieve three-dimensional effects and shadow effects, we need to figure out an art concept, the combination of light and shade, one side of the edge of the graphic needs to be bright, and the other side needs to be dark, just like the above effect. So we need at least two layers. One up and one down, one responsible for measuring one responsible for the darkness, and then rub it slightly apart on the position. Just adjust the color.

Ideas:

Color matching is easy to talk about, so how to achieve misalignment, this will test your mastery of the basic skills of GIS. Students who like to study can read my article:

 The most detailed introduction and interpretation of GeoJSON in the whole network_Crazy GISer's blog-CSDN blog_geojson library

After reading it, you are guaranteed to understand how to misalign immediately. There is a point to be emphasized here about color matching, if your edge color is bright