feat: 补充 3D 柱图的 demo 和相关文档

docs/api/layer/point_layer/column.zh.md

@@ -58,7 +58,23 @@ const column = new PointLayer({})
     opacity: 1.0,
   });
 ```
+### animate
+ 3D 柱图支持生长动画  
+animate 方法支持的布尔值和对象参数
 
+ 
+```javascript
+animate(true)
+animate(false)
+
+animate(animateOptions)
+
+animateOptions: {
+  enable: boolean;
+  speed?: number = 0.01;
+  repeat?: number = 1;
+}
+```
 ## 额外的 style 配置
 
 - sourceColor 设置 3D 柱图起始颜色（3D 柱图设置颜色渐变时会覆盖 color 设置的颜色）

examples/gallery/basic/demo/column_dark.js

@@ -24,8 +24,9 @@ scene.on('loaded', () => {
         })
         .shape('cylinder')
         .size('t', function(level) {
-          return [ 1, 2, level * 2 + 20 ];
+          return [ 2, 2, level * 2 + 20 ];
         })
+        .animate(true)
         .active(true)
         .color('t', [
           '#094D4A',

examples/point/column/demo/clumn_shape.js

@@ -8,7 +8,7 @@ const scene = new Scene({
     style: 'dark',
     center: [ 121.400257, 31.25287 ],
     zoom: 14.55,
-    rotation: 134.9507
+    rotation: 134.95
   })
 });
 scene.on('loaded', () => {
@@ -25,6 +25,7 @@ scene.on('loaded', () => {
             y: 'latitude'
           }
         })
+        .animate(true)
         .active(true)
         .shape('name', [
           'cylinder',

examples/point/column/demo/clumn_shape_light.js

@@ -31,6 +31,7 @@ scene.on('loaded', () => {
           'hexagonColumn',
           'squareColumn'
         ])
+        .animate(true)
         .active(true)
         .size('unit_price', h => {
           return [ 6, 6, h / 500 ];

examples/point/column/demo/column_dark.js

@@ -4,7 +4,7 @@ import { GaodeMap } from '@antv/l7-maps';
 const scene = new Scene({
   id: 'map',
   map: new GaodeMap({
-    pitch: 35.210526315789465,
+    pitch: 40,
     style: 'dark',
     center: [ 104.288144, 31.239692 ],
     zoom: 4.4
@@ -24,8 +24,9 @@ scene.on('loaded', () => {
         })
         .shape('cylinder')
         .size('t', function(level) {
-          return [ 1, 2, level * 2 + 20 ];
+          return [ 2, 2, level * 2 + 20 ];
         })
+        .animate(true)
         .active(true)
         .color('t', [
           '#094D4A',

examples/point/column/demo/column_linear.js

@@ -27,6 +27,7 @@ scene.on('loaded', () => {
         .size('t', function(level) {
           return [ 1, 1, level * 2 + 20 ];
         })
+        .animate(true)
         .active(true)
         .color('#006CFF')
         .style({