docs: geojsontvt 文档样式 (#1816)

* docs: geojsontvt 文档样式 * docs: geojsontvt 文档样式 #1812 * docs: 3d 几何文档样式 #1813 * chore: 文件名大小写 * docs: 移除无效demo
antvis · Sep 1, 2023 · 4020a87 · 4020a87
1 parent 9010a07
commit 4020a87
Show file tree

Hide file tree

Showing 9 changed files with 22 additions and 212 deletions.
diff --git a/dev-demos/features/polygon/demos/extrude1.tsx b/dev-demos/features/polygon/demos/extrude1.tsx
@@ -40,14 +40,19 @@ import { GaodeMap } from '@antv/l7-maps';
                 zIndex: 3
               })
                 .source(data)
-                .shape('fill')
+                .shape('extrude')
+                .size('unit_price', unit_price => unit_price * 50)
                 .color('count', [ '#f2f0f7', '#dadaeb', '#bcbddc', '#9e9ac8', '#756bb1', '#54278f' ])
                 .style({
-                  opacity: 0.6,
-                  opacityLinear: {
-                    enable: true,
-                    dir: 'out' // in - out
+                  // opacity: 1,
+                  opacity: {
+                    field:'unit_price',
+                    value: [0,1]
                   }
+                  // opacityLinear: {
+                  //   enable: true,
+                  //   dir: 'out' // in - out
+                  // }
                 });
               scene.addLayer(filllayer);
             });

diff --git a/packages/site/.dumirc.ts b/packages/site/.dumirc.ts
@@ -180,8 +180,8 @@ export default defineConfig({
       {
         logo: 'https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*-kafQrA1ky4AAAAAAAAAAAAADmJ7AQ/fmt.webp',
         title: {
-          zh: 'LarkMap 空间数据可视分析组件库',
-          en: 'LarkMap ',
+          zh: 'L7React 空间数据可视分析组件库',
+          en: 'L7React ',
         },
         description: {
           zh: '新一代 React 地图可视分析组件库，提供丰富/高效/专业/易用的可视化组件，一站式满足地理可视化需求。',
@@ -211,7 +211,7 @@ export default defineConfig({
     ecosystems: [
       {
         name: {
-          zh: 'LarkMap',
+          zh: 'L7React',
           en: 'L7 For React',
         },
         url: 'https://larkmap.antv.antgroup.com/',

diff --git a/packages/site/docs/api/tile/geojsonvt_tile_layer.zh.md b/packages/site/docs/api/tile/geojsonvt_tile_layer.zh.md
@@ -50,7 +50,7 @@ const source = new Source(data, {
 `geojsonOptions` 支持如下参数:
 
 | 参数           | 类型        | 默认值   | 描述                                                           |
-| -------------- | ----------- | -------- | -------------------------------------------------------------- | ------------------------------------------------------- |
+| -------------- | ----------- | -------- | -------------------------------------------------------------- | 
 | maxZoom        | `number`    | `14`     | max zoom to preserve detail on                                 |
 | indexMaxZoom   | `number`    | `5`      | max zoom in the tile index                                     |
 | indexMaxPoints | `number`    | `100000` | max number of points per tile in the tile index                |

diff --git a/packages/site/docs/common/layer/layer_style.md b/packages/site/docs/common/layer/layer_style.md
@@ -44,12 +44,6 @@ const layer = new PointLayer()
   .size({
     // 第一种写法 根据字段从 data 中直接取值
     opacity: 'v'// opacity = 0.5
-
-    // 第二种写法 根据字段从 data 中取值，同时通过回调函数赋值（通常会在回调函数中写业务逻辑）
-    opacity: ['v', (v: number) => v] // opacity = 0.5
-
-    // 第三种写法 根据字段取值，然后映射到设置的值区间
-    opaicty: ['v', [0.1, 0.5]] // opacity 的值字啊 0.1 ～ 0.5 之间
   }); 
 scene.addLayer(layer);
 ```

diff --git a/packages/site/docs/tutorial/polygon/extrude.zh.md b/packages/site/docs/tutorial/polygon/extrude.zh.md
@@ -56,7 +56,10 @@ scene.on('loaded', () => {
       ])
         .size('unit_price', unit_price => unit_price * 50)
         .style({
-          opacity: [ 'unit_price', [ 0, 1 ]],
+          opacity:{
+            field:'unit_price',
+            value: [ 0, 1 ]
+          }
           pickLight: true
         })
       scene.addLayer(filllayer);

diff --git a/packages/site/examples/line/path/demo/arrow.js b/packages/site/examples/line/path/demo/arrow.js
diff --git a/packages/site/examples/line/path/demo/meta.json b/packages/site/examples/line/path/demo/meta.json
@@ -28,11 +28,6 @@
       "filename": "road_dark_dash.js",
       "title": "路径虚线",
       "screenshot":"https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*vZFUTaBCGoEAAAAAAAAAAAAAARQnAQ"
-    },
-    {
-      "filename": "arrow.js",
-      "title": "箭头路径",
-      "screenshot":"https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*glWTSoFfy1sAAAAAAAAAAAAAARQnAQ"
     }
   ]
 }
diff --git a/...amples/polygon/3d/demo/polygonStyleMap.js → ...mples/polygon/3d/demo/polygon_stylemap.js b/...amples/polygon/3d/demo/polygonStyleMap.js → ...mples/polygon/3d/demo/polygon_stylemap.js
@@ -40,8 +40,10 @@ scene.on('loaded', () => {
         .color('unit_price', colors)
         .size('unit_price', unit_price => unit_price * 50)
         .style({
-          opacity: [ 'unit_price', [ 0, 1 ]],
-          pickLight: true
+          opacity: {
+            field: 'unit_price',
+            value:[ 0, 1 ]
+          }
         })
         .active(true);
       scene.addLayer(filllayer);

diff --git a/packages/site/examples/polygon/3d/demo/polygonstylemap.js b/packages/site/examples/polygon/3d/demo/polygonstylemap.js