docs: update docs

docs/api/component/marker.zh.md

@@ -94,11 +94,9 @@ el.style.background = getColor(data[i].v);
 
 const marker = new L7.Marker({
   element: el,
-})
+}).setLnglat([data[i].x * 1, data[i].y]);
-  .setLnglat([data[i].x * 1, data[i].y]);
-
- scene.addMarker(marker);
 
+scene.addMarker(marker);
 ```
 
 #### 设置 popup
@@ -112,7 +110,7 @@ new L7.Marker({
   element: el,
 })
   .setLnglat(item.coordinates)
-  .setPopup(popup)
+  .setPopup(popup);
 ```
 
 ## 事件

docs/api/component/popup.en.md

@@ -3,7 +3,6 @@ title: Popup
 order: 0
 ---
 
-
 地图标注信息窗口，用于展示地图要素的属性信息
 
 ## 构造函数

docs/api/component/popup.zh.md

@@ -26,7 +26,6 @@ const popup = new L7.Popup(option);
 scene.addPopup(popup);
 ```
 
-
 ## 方法
 
 #### setLnglat
@@ -53,6 +52,7 @@ const lnglat = {
 ```javascript
 popup.setLnglat([112, 32]);
 ```
+
 #### setHTML
 
 **参数**：html 字符串

docs/api/react/layer.zh.md

@@ -21,9 +21,7 @@ order: 2
 
 ### attributeOption
 
-color, size, shape 等图形映射通道配置项
+color, size, shape 等图形映射通道，通过下面参数配置
-
-#### option
 
 - field 映射字段，如果是常量设置为 null
 - values 映射值 支持 常量，数组，回调函数，如果 values 为数组或回调需要设置 field 字段
@@ -32,12 +30,12 @@ color, size, shape 等图形映射通道配置项
 
 数据源配置项
 
-#### Option
-
 - data 支持 geojson、csv、json
 - parser 数据解析配置项
 - transforms 数据处理配置项
 
+具体配置项
+
 ```jsx
 import { PolygonLayer } from '@antv/l7-react';
 <PolygonLayer

docs/api/source/source.zh.md

@@ -178,10 +178,12 @@ const data2 = [
 layer
   .source(data, {
     transforms: [
-      (type: 'join'),
+      {
-      (sourceField: 'name'), //data1 对应字段名
+      type: 'join',
-      (targetField: 'city'), // data 对应字段名
+      sourceField: 'name', //data1 对应字段名
-      (data: data2),
+      targetField: 'city', // data 对应字段名 绑定到的地理数据
+      data: data2
+      }
     ],
   })
   .color('value'); // 可以采用data1的value字段进行数据到颜色的映射

stories/Layers/components/data_update.tsx

@@ -54,15 +54,13 @@ export default class DataUpdate extends React.Component {
       });
     scene.addLayer(layer);
     layer.setData(pointOnCircle(1000));
-    scene.render();
+    this.scene = scene;
     function animateMarker(timestamp: number) {
       layer.setData(pointOnCircle(timestamp / 1000));
       scene.render();
       requestAnimationFrame(animateMarker);
     }
-    // layer.on('inited', () => {
     animateMarker(0);
-    // });
   }
 
   public render() {