diff --git a/docs/api/changelog.en.md b/docs/api/changelog.en.md
index 6c7582ead1..877d83cf9c 100644
--- a/docs/api/changelog.en.md
+++ b/docs/api/changelog.en.md
@@ -2,7 +2,7 @@
title: ChangeLog
order: 10
---
-
+`markdown:docs/common/style.md`
## 2020.03.12 2.1 正式版
###✨ Features
diff --git a/docs/api/changelog.zh.md b/docs/api/changelog.zh.md
index e9c9053a0e..6264eb6b93 100644
--- a/docs/api/changelog.zh.md
+++ b/docs/api/changelog.zh.md
@@ -2,7 +2,7 @@
title: 发布日志
order: 10
---
-
+`markdown:docs/common/style.md`
## 2020.04.20 2.2 正式版本
###✨ Features
diff --git a/docs/api/component/control.en.md b/docs/api/component/control.en.md
index 8e3ca4401d..acc97c2eaa 100644
--- a/docs/api/component/control.en.md
+++ b/docs/api/component/control.en.md
@@ -2,6 +2,7 @@
title: Control
order: 3
---
+`markdown:docs/common/style.md`
地图组件 用于控制地图的状态如果平移,缩放,或者展示地图一些的辅助信息如图例,比例尺
diff --git a/docs/api/component/control.zh.md b/docs/api/component/control.zh.md
index 63ed537841..6903c994df 100644
--- a/docs/api/component/control.zh.md
+++ b/docs/api/component/control.zh.md
@@ -2,6 +2,7 @@
title: Control 控件
order: 3
---
+`markdown:docs/common/style.md`
地图组件用于控制地图的状态如果平移,缩放,或者展示地图一些的辅助信息如图例、比例尺
diff --git a/docs/api/component/marker.en.md b/docs/api/component/marker.en.md
index c020125adc..1a9a0b2666 100644
--- a/docs/api/component/marker.en.md
+++ b/docs/api/component/marker.en.md
@@ -2,6 +2,7 @@
title: Marker
order: 3
---
+`markdown:docs/common/style.md`
Marker 地图标注 目前只支持 2D dom 标注
diff --git a/docs/api/component/marker.zh.md b/docs/api/component/marker.zh.md
index 5038f6bc88..06f53ac9e4 100644
--- a/docs/api/component/marker.zh.md
+++ b/docs/api/component/marker.zh.md
@@ -3,6 +3,8 @@ title: Marker 标注
order: 3
---
+`markdown:docs/common/style.md`
+
Marker 地图标注 目前只支持 2D Dom 标注
## 构造函数
diff --git a/docs/api/component/markerLayer.en.md b/docs/api/component/markerLayer.en.md
index 609c069453..e00e503e7f 100644
--- a/docs/api/component/markerLayer.en.md
+++ b/docs/api/component/markerLayer.en.md
@@ -2,6 +2,7 @@
title: Marker Layer
order: 3
---
+`markdown:docs/common/style.md`
MarkerLayer 不同于 PointLayer 图层
diff --git a/docs/api/component/markerLayer.zh.md b/docs/api/component/markerLayer.zh.md
index 0d0ca9bf60..bcf8316379 100644
--- a/docs/api/component/markerLayer.zh.md
+++ b/docs/api/component/markerLayer.zh.md
@@ -2,6 +2,7 @@
title: Marker 图层
order: 3
---
+`markdown:docs/common/style.md`
MarkerLayer 是 Marker 的升级版,Marker 是独立的地图标注,MarkerLayer 则是统一管理大量的 Marker 数据。
diff --git a/docs/api/component/popup.en.md b/docs/api/component/popup.en.md
index 22b6e1e71c..20f71e6540 100644
--- a/docs/api/component/popup.en.md
+++ b/docs/api/component/popup.en.md
@@ -2,6 +2,7 @@
title: Popup
order: 0
---
+`markdown:docs/common/style.md`
地图标注信息窗口,用于展示地图要素的属性信息
diff --git a/docs/api/component/popup.zh.md b/docs/api/component/popup.zh.md
index 4733096910..1da9f7ee7a 100644
--- a/docs/api/component/popup.zh.md
+++ b/docs/api/component/popup.zh.md
@@ -2,6 +2,7 @@
title: Popup 信息框
order: 0
---
+`markdown:docs/common/style.md`
地图标注信息窗口,用于展示地图要素的属性信息
diff --git a/docs/api/district/baselayer.en.md b/docs/api/district/baselayer.en.md
index db17a306b4..04facac952 100644
--- a/docs/api/district/baselayer.en.md
+++ b/docs/api/district/baselayer.en.md
@@ -2,6 +2,7 @@
title: 标准地图
order: 2
---
+`markdown:docs/common/style.md`
## 五种地图类型
diff --git a/docs/api/district/baselayer.zh.md b/docs/api/district/baselayer.zh.md
index be5fe0367a..8c8ee863c3 100644
--- a/docs/api/district/baselayer.zh.md
+++ b/docs/api/district/baselayer.zh.md
@@ -3,6 +3,7 @@ title: 标准地图
order: 2
---
+`markdown:docs/common/style.md`
## 五种地图类型
- WorldLayer 世界地图
diff --git a/docs/api/district/drilldown.en.md b/docs/api/district/drilldown.en.md
index 5235db211e..edbffe620a 100644
--- a/docs/api/district/drilldown.en.md
+++ b/docs/api/district/drilldown.en.md
@@ -2,6 +2,7 @@
title: 钻取地图
order: 2
---
+`markdown:docs/common/style.md`
钻取是改变展现数据维度的层次,变换分析的粒度。它包括向上钻取(drillup)和向下钻取(drilldown)。
diff --git a/docs/api/district/drilldown.zh.md b/docs/api/district/drilldown.zh.md
index f24616384c..a6647c62d7 100644
--- a/docs/api/district/drilldown.zh.md
+++ b/docs/api/district/drilldown.zh.md
@@ -2,6 +2,7 @@
title: 钻取地图
order: 2
---
+`markdown:docs/common/style.md`
钻取是改变展现数据维度的层次,变换分析的粒度。它包括向上钻取(drillup)和向下钻取(drilldown)。
diff --git a/docs/api/district/start.en.md b/docs/api/district/start.en.md
index 33fc748b01..1ced895aa3 100644
--- a/docs/api/district/start.en.md
+++ b/docs/api/district/start.en.md
@@ -3,6 +3,8 @@ title: 快速开始
order: 0
---
+`markdown:docs/common/style.md`
+
地图行政区划组件,支持世界地图,中国地图省市县三级,支持中国地图省市县上钻下取。
## 使用
diff --git a/docs/api/district/start.zh.md b/docs/api/district/start.zh.md
index e7ca3aa303..7b70f0b750 100644
--- a/docs/api/district/start.zh.md
+++ b/docs/api/district/start.zh.md
@@ -2,6 +2,7 @@
title: 快速开始
order: 0
---
+`markdown:docs/common/style.md`
地图行政区划组件,支持世界地图,中国地图省市县三级,支持中国地图省市县上钻下取。
diff --git a/docs/api/draw/api.en.md b/docs/api/draw/api.en.md
index bc2cb774ff..2e0197674e 100644
--- a/docs/api/draw/api.en.md
+++ b/docs/api/draw/api.en.md
@@ -2,6 +2,7 @@
title: Draw Component
order: 3
---
+`markdown:docs/common/style.md`
地图绘制组件,支持点、线、面, 圆、矩形、的绘制编辑。
diff --git a/docs/api/draw/api.zh.md b/docs/api/draw/api.zh.md
index e6a1afbf4b..bffdba2f5d 100644
--- a/docs/api/draw/api.zh.md
+++ b/docs/api/draw/api.zh.md
@@ -2,6 +2,7 @@
title: Draw 实例
order: 3
---
+`markdown:docs/common/style.md`
### Draw Type
diff --git a/docs/api/draw/draw_control.en.md b/docs/api/draw/draw_control.en.md
index c568755fac..1ac8a8a29f 100644
--- a/docs/api/draw/draw_control.en.md
+++ b/docs/api/draw/draw_control.en.md
@@ -2,6 +2,7 @@
title: Draw UI Component
order: 2
---
+`markdown:docs/common/style.md`
地图绘制组件,支持点、线、面, 圆、矩形、的绘制编辑。
diff --git a/docs/api/draw/draw_control.zh.md b/docs/api/draw/draw_control.zh.md
index 1b728ff275..f3e1cd5c8f 100644
--- a/docs/api/draw/draw_control.zh.md
+++ b/docs/api/draw/draw_control.zh.md
@@ -2,6 +2,7 @@
title: 绘制 UI 组件
order: 2
---
+`markdown:docs/common/style.md`
地图绘制组件,支持点、线、面, 圆、矩形、的绘制编辑。
diff --git a/docs/api/draw/start.zh.md b/docs/api/draw/start.zh.md
index 46ef1e4728..639f39ba47 100644
--- a/docs/api/draw/start.zh.md
+++ b/docs/api/draw/start.zh.md
@@ -2,6 +2,7 @@
title: 快速使用
order: 1
---
+`markdown:docs/common/style.md`
地图绘制组件,支持点、线、面, 圆、矩形、的绘制编辑。
diff --git a/docs/api/l7.en.md b/docs/api/l7.en.md
index 3a5146ee1b..536fbde0cc 100644
--- a/docs/api/l7.en.md
+++ b/docs/api/l7.en.md
@@ -4,7 +4,7 @@ order: 0
redirect_from:
- /en/docs/api
---
-
+`markdown:docs/common/style.md`
An open source large-scale geospatial data visualization analysis development framework powered by WebGL.
L7 是由蚂蚁金服 AntV 数据可视化团队推出的基于 WebGL 的开源大规模地理空间数据可视分析开发框架。L7 中的 L 代表 Location,7 代表世界七大洲,寓意能为全球位置数据提供可视分析的能力。L7 以图形符号学为理论基础,将抽象复杂的空间数据转化成 2D、3D 符号,通过颜色、大小、体积、纹理等视觉变量实现丰富的可视化表达。
diff --git a/docs/api/l7.zh.md b/docs/api/l7.zh.md
index 23e87d2d0a..d5d0ca88b3 100644
--- a/docs/api/l7.zh.md
+++ b/docs/api/l7.zh.md
@@ -4,7 +4,7 @@ order: 0
redirect_from:
- /zh/docs/api
---
-
+`markdown:docs/common/style.md`
# L7 地理空间数据可视分析引擎
✨ 2020.01.06 2.0 版本正式发布
diff --git a/docs/api/l7history.en.md b/docs/api/l7history.en.md
index c9267ca6a0..d7fb47a630 100644
--- a/docs/api/l7history.en.md
+++ b/docs/api/l7history.en.md
@@ -2,7 +2,7 @@
title: 1.x history
order: 9
---
-
+`markdown:docs/common/style.md`
## L7 1.x 版本
## [旧版地址](https://antv-2018.alipay.com/zh-cn/l7/1.x/index.html)
diff --git a/docs/api/l7history.zh.md b/docs/api/l7history.zh.md
index 3ef12f52c0..a0f201115f 100644
--- a/docs/api/l7history.zh.md
+++ b/docs/api/l7history.zh.md
@@ -2,7 +2,7 @@
title: 1.x 历史版本
order: 9
---
-
+`markdown:docs/common/style.md`
## L7 1.x 版本
## [旧版地址](https://antv-2018.alipay.com/zh-cn/l7/1.x/index.html)
diff --git a/docs/api/layer/cityBuilding.en.md b/docs/api/layer/cityBuilding.en.md
index c8568aecc9..509c111190 100644
--- a/docs/api/layer/cityBuilding.en.md
+++ b/docs/api/layer/cityBuilding.en.md
@@ -8,19 +8,6 @@ order: 6
```javascript
import { CityBuildingLayer } from '@antv/l7';
```
-
-### source
-
-同 [PolygonLayer](./polygon_layer/extrude)
-
-### size
-
-同 [PolygonLayer](./polygon_layer/extrude)
-
-### color
-
-[PolygonLayer](./polygon_layer/extrude)
-
### animate
开启动画效果
@@ -71,3 +58,5 @@ pointLayer
});
scene.addLayer(pointLayer);
```
+
+`markdown:docs/common/layer/base.md`
diff --git a/docs/api/layer/cityBuilding.zh.md b/docs/api/layer/cityBuilding.zh.md
index c67495dfac..cbc20de0cb 100644
--- a/docs/api/layer/cityBuilding.zh.md
+++ b/docs/api/layer/cityBuilding.zh.md
@@ -9,18 +9,6 @@ order: 6
import { CityBuildingLayer } from '@antv/l7';
```
-### source
-
-同 [PolygonLayer](./polygon_layer/extrude)
-
-### size
-
-同 [PolygonLayer](./polygon_layer/extrude)
-
-### color
-
-[PolygonLayer](./polygon_layer/extrude)
-
### animate
开启动画效果
@@ -71,3 +59,4 @@ pointLayer
});
scene.addLayer(pointLayer);
```
+`markdown:docs/common/layer/base.md`
diff --git a/docs/api/layer/heatmap_layer/grid.en.md b/docs/api/layer/heatmap_layer/grid.en.md
index 1ab634744b..cbef34a242 100644
--- a/docs/api/layer/heatmap_layer/grid.en.md
+++ b/docs/api/layer/heatmap_layer/grid.en.md
@@ -147,3 +147,4 @@ const layer = new HeatmapLayer({})
scene.addLayer(layer);
```
+`markdown:docs/common/layer/base.md`
diff --git a/docs/api/layer/heatmap_layer/grid.zh.md b/docs/api/layer/heatmap_layer/grid.zh.md
index 8865534635..150a49d6ce 100644
--- a/docs/api/layer/heatmap_layer/grid.zh.md
+++ b/docs/api/layer/heatmap_layer/grid.zh.md
@@ -145,3 +145,5 @@ const layer = new HeatmapLayer({})
scene.addLayer(layer);
```
+
+`markdown:docs/common/layer/base.md`
diff --git a/docs/api/layer/heatmap_layer/hexagon.en.md b/docs/api/layer/heatmap_layer/hexagon.en.md
index eca9062393..46f0ca392e 100644
--- a/docs/api/layer/heatmap_layer/hexagon.en.md
+++ b/docs/api/layer/heatmap_layer/hexagon.en.md
@@ -129,3 +129,4 @@ const layer = new HeatmapLayer({
coverage: 0.8,
});
```
+`markdown:docs/common/layer/base.md`
diff --git a/docs/api/layer/heatmap_layer/hexagon.zh.md b/docs/api/layer/heatmap_layer/hexagon.zh.md
index 8b84282fb3..0157280578 100644
--- a/docs/api/layer/heatmap_layer/hexagon.zh.md
+++ b/docs/api/layer/heatmap_layer/hexagon.zh.md
@@ -129,3 +129,4 @@ const layer = new HeatmapLayer({
coverage: 0.8,
});
```
+`markdown:docs/common/layer/base.md`
diff --git a/docs/api/layer/heatmap_layer/normal.en.md b/docs/api/layer/heatmap_layer/normal.en.md
index 3c3eb9831c..adde058f2f 100644
--- a/docs/api/layer/heatmap_layer/normal.en.md
+++ b/docs/api/layer/heatmap_layer/normal.en.md
@@ -65,3 +65,4 @@ heatmapLayer({
},
});
```
+`markdown:docs/common/layer/base.md`
diff --git a/docs/api/layer/heatmap_layer/normal.zh.md b/docs/api/layer/heatmap_layer/normal.zh.md
index 5592dc2ae1..43b2fa1077 100644
--- a/docs/api/layer/heatmap_layer/normal.zh.md
+++ b/docs/api/layer/heatmap_layer/normal.zh.md
@@ -63,3 +63,4 @@ heatmapLayer()
},
});
```
+`markdown:docs/common/layer/base.md`
diff --git a/docs/api/layer/imagelayer.en.md b/docs/api/layer/imagelayer.en.md
index af37295e71..066db3bd46 100644
--- a/docs/api/layer/imagelayer.en.md
+++ b/docs/api/layer/imagelayer.en.md
@@ -2,6 +2,7 @@
title: ImageLayer
order: 5
---
+`markdown:docs/common/style.md`
## 简介
diff --git a/docs/api/layer/imagelayer.zh.md b/docs/api/layer/imagelayer.zh.md
index 7b6d1a16a7..8fcc6a6674 100644
--- a/docs/api/layer/imagelayer.zh.md
+++ b/docs/api/layer/imagelayer.zh.md
@@ -3,6 +3,8 @@ title: 图片图层
order: 5
---
+`markdown:docs/common/style.md`
+
## 简介
将图片添加到地图上,需要指定图片的经纬度范围
diff --git a/docs/api/layer/layer.en.md b/docs/api/layer/layer.en.md
index 3953d4d5ce..ba0a8198cc 100644
--- a/docs/api/layer/layer.en.md
+++ b/docs/api/layer/layer.en.md
@@ -2,6 +2,7 @@
title: Base Layer
order: 0
---
+`markdown:docs/common/style.md`
## 简介
diff --git a/docs/api/layer/layer.zh.md b/docs/api/layer/layer.zh.md
index 0003c027d6..2ab1ce4eda 100644
--- a/docs/api/layer/layer.zh.md
+++ b/docs/api/layer/layer.zh.md
@@ -2,7 +2,7 @@
title: 图层基类
order: 0
---
-
+`markdown:docs/common/style.md`
## 简介
L7 Layer 接口设计遵循图形语法,所有图层都继承于该基类。
@@ -20,6 +20,7 @@ scene.addLayer(layer);
## 配置项
### name
+ _string_ **optional** _default:_ 自动数字编号
设置图层名称,可根据 name 获取 layer;
diff --git a/docs/api/layer/line_layer/arc.en.md b/docs/api/layer/line_layer/arc.en.md
index 2714a2dfdf..ded3c2f4a8 100644
--- a/docs/api/layer/line_layer/arc.en.md
+++ b/docs/api/layer/line_layer/arc.en.md
@@ -81,3 +81,4 @@ const layer = new LineLayer({})
opacity: 0.8,
});
```
+`markdown:docs/common/layer/base.md`
diff --git a/docs/api/layer/line_layer/arc.zh.md b/docs/api/layer/line_layer/arc.zh.md
index ff02c0f8cd..cf1eb64ce8 100644
--- a/docs/api/layer/line_layer/arc.zh.md
+++ b/docs/api/layer/line_layer/arc.zh.md
@@ -85,3 +85,4 @@ const layer = new LineLayer({})
### demo 示例
[弧线 demo](../../../../examples/gallery/basic#arcCircle)
+`markdown:docs/common/layer/base.md`
diff --git a/docs/api/layer/line_layer/linelayer.en.md b/docs/api/layer/line_layer/linelayer.en.md
index f64801ad1e..be591c74e4 100644
--- a/docs/api/layer/line_layer/linelayer.en.md
+++ b/docs/api/layer/line_layer/linelayer.en.md
@@ -68,3 +68,4 @@ order: 2
lineLayer.size(1); // 线的宽度为 1
lineLayer.size([1, 2]); // 宽度为1,高度2
```
+`markdown:docs/common/layer/base.md`
diff --git a/docs/api/layer/line_layer/linelayer.zh.md b/docs/api/layer/line_layer/linelayer.zh.md
index 8dc7721540..56f177c0e5 100644
--- a/docs/api/layer/line_layer/linelayer.zh.md
+++ b/docs/api/layer/line_layer/linelayer.zh.md
@@ -80,3 +80,4 @@ layer.style({
dashArray: [5, 5],
});
```
+`markdown:docs/common/layer/base.md`
diff --git a/docs/api/layer/line_layer/path.en.md b/docs/api/layer/line_layer/path.en.md
index 80d01d126c..a66c947d22 100644
--- a/docs/api/layer/line_layer/path.en.md
+++ b/docs/api/layer/line_layer/path.en.md
@@ -55,3 +55,4 @@ L7 目前动画参数为相对单位,我们默认一条线段的长度为 1
![L7 动画参数](https://gw.alipayobjects.com/mdn/rms_855bab/afts/img/A*IBBfSIkb51cAAAAAAAAAAABkARQnAQ)
如果 interval = 0.2,则一条轨迹将会分成 5 段,如果 interval = 0.5 则为两段。
+`markdown:docs/common/layer/base.md`
diff --git a/docs/api/layer/line_layer/path.zh.md b/docs/api/layer/line_layer/path.zh.md
index 11176d51bc..b6049d9a1d 100644
--- a/docs/api/layer/line_layer/path.zh.md
+++ b/docs/api/layer/line_layer/path.zh.md
@@ -55,3 +55,4 @@ L7 目前动画参数为相对单位,我们默认一条线段的长度为 1
![L7 动画参数](https://gw.alipayobjects.com/mdn/rms_855bab/afts/img/A*IBBfSIkb51cAAAAAAAAAAABkARQnAQ)
如果 interval = 0.2,则一条轨迹将会分成 5 段,如果 interval = 0.5 则为两段。
+`markdown:docs/common/layer/base.md`
diff --git a/docs/api/layer/point_layer/bubble.zh.md b/docs/api/layer/point_layer/bubble.zh.md
index 1b396199d6..53c8197626 100644
--- a/docs/api/layer/point_layer/bubble.zh.md
+++ b/docs/api/layer/point_layer/bubble.zh.md
@@ -5,7 +5,7 @@ order: 1
气泡图地理区域上方会显示不同大小的圆点,圆形面积与其在数据集中的数值会成正比。
-## 使用
+## 基础使用
气泡图通过 PointLayer 对象实例化,
@@ -56,3 +56,6 @@ layer.animate(false);
如果 opacity 设置为 0.3 则所有的气泡都是 0.3
style 方法如果没有设置 stroke, 默认于气泡的填充色相同
+
+`markdown:docs/common/layer/base.md`
+
diff --git a/docs/api/layer/point_layer/cluster.en.md b/docs/api/layer/point_layer/cluster.en.md
index 745c5f88c2..8f682ff9e6 100644
--- a/docs/api/layer/point_layer/cluster.en.md
+++ b/docs/api/layer/point_layer/cluster.en.md
@@ -69,3 +69,4 @@ const pointLayer = new PointLayer({})
strokeWidth: 1,
});
```
+`markdown:docs/common/layer/base.md`
diff --git a/docs/api/layer/point_layer/cluster.zh.md b/docs/api/layer/point_layer/cluster.zh.md
index d5d018fd44..e1978483bf 100644
--- a/docs/api/layer/point_layer/cluster.zh.md
+++ b/docs/api/layer/point_layer/cluster.zh.md
@@ -90,3 +90,5 @@ const pointLayer = new PointLayer({})
PointLayer 的聚合图采用 WebGL 绘制,不支持自定义具体聚合样式,如果有自定义的需求可以使用 MarkerLayer 的聚合功能,你可以通过 Dom 完全自定义样式。
[MarkerLayer 聚合](../../component/markerLayer)
+
+`markdown:docs/common/layer/base.md`
diff --git a/docs/api/layer/point_layer/column.en.md b/docs/api/layer/point_layer/column.en.md
index 357314ab79..a21d3098ee 100644
--- a/docs/api/layer/point_layer/column.en.md
+++ b/docs/api/layer/point_layer/column.en.md
@@ -57,3 +57,4 @@ const column = new PointLayer({})
opacity: 1.0,
});
```
+`markdown:docs/common/layer/base.md`
diff --git a/docs/api/layer/point_layer/column.zh.md b/docs/api/layer/point_layer/column.zh.md
index 976d3b7f93..13f66c9a71 100644
--- a/docs/api/layer/point_layer/column.zh.md
+++ b/docs/api/layer/point_layer/column.zh.md
@@ -57,3 +57,4 @@ const column = new PointLayer({})
opacity: 1.0,
});
```
+`markdown:docs/common/layer/base.md`
diff --git a/docs/api/layer/point_layer/dot.en.md b/docs/api/layer/point_layer/dot.en.md
index 28f16c1b01..30a04b9cd5 100644
--- a/docs/api/layer/point_layer/dot.en.md
+++ b/docs/api/layer/point_layer/dot.en.md
@@ -45,3 +45,5 @@ scene.addLayer(pointLayer);
## 相关 demo
[城市亮度图](../../../../examples/point/dot)
+
+`markdown:docs/common/layer/base.md`
diff --git a/docs/api/layer/point_layer/dot.zh.md b/docs/api/layer/point_layer/dot.zh.md
index a323fca8d0..7958aec043 100644
--- a/docs/api/layer/point_layer/dot.zh.md
+++ b/docs/api/layer/point_layer/dot.zh.md
@@ -45,3 +45,5 @@ scene.addLayer(pointLayer);
## 相关 demo
[城市亮度图](../../../../examples/point/dot)
+
+`markdown:docs/common/layer/base.md`
diff --git a/docs/api/layer/point_layer/pointlayer.en.md b/docs/api/layer/point_layer/pointlayer.en.md
index 7c2e2ea9ff..9fee09de7b 100644
--- a/docs/api/layer/point_layer/pointlayer.en.md
+++ b/docs/api/layer/point_layer/pointlayer.en.md
@@ -84,3 +84,4 @@ const layer = new PointLayer({
.shape('local')
.color('#0D408C');
```
+`markdown:docs/common/layer/base.md`
diff --git a/docs/api/layer/point_layer/pointlayer.zh.md b/docs/api/layer/point_layer/pointlayer.zh.md
index 7c2e2ea9ff..9fee09de7b 100644
--- a/docs/api/layer/point_layer/pointlayer.zh.md
+++ b/docs/api/layer/point_layer/pointlayer.zh.md
@@ -84,3 +84,4 @@ const layer = new PointLayer({
.shape('local')
.color('#0D408C');
```
+`markdown:docs/common/layer/base.md`
diff --git a/docs/api/layer/point_layer/scatter.en.md b/docs/api/layer/point_layer/scatter.en.md
index 4182be8186..a2fe784a9e 100644
--- a/docs/api/layer/point_layer/scatter.en.md
+++ b/docs/api/layer/point_layer/scatter.en.md
@@ -42,3 +42,4 @@ const scatter = new PointLayer()
strokeWidth: 1,
});
```
+`markdown:docs/common/layer/base.md`
diff --git a/docs/api/layer/point_layer/scatter.zh.md b/docs/api/layer/point_layer/scatter.zh.md
index b8aaa4e8b6..2ed4849f09 100644
--- a/docs/api/layer/point_layer/scatter.zh.md
+++ b/docs/api/layer/point_layer/scatter.zh.md
@@ -42,3 +42,4 @@ const scatter = new PointLayer()
strokeWidth: 1,
});
```
+`markdown:docs/common/layer/base.md`
diff --git a/docs/api/layer/point_layer/symbol.en.md b/docs/api/layer/point_layer/symbol.en.md
index e710f95a79..8f1e493bac 100644
--- a/docs/api/layer/point_layer/symbol.en.md
+++ b/docs/api/layer/point_layer/symbol.en.md
@@ -42,4 +42,4 @@ const scatter = new PointLayer()
});
```
-## 相关 demo
+`markdown:docs/common/layer/base.md`
diff --git a/docs/api/layer/point_layer/symbol.zh.md b/docs/api/layer/point_layer/symbol.zh.md
index af9dd94ad5..2276f86140 100644
--- a/docs/api/layer/point_layer/symbol.zh.md
+++ b/docs/api/layer/point_layer/symbol.zh.md
@@ -42,4 +42,4 @@ const scatter = new PointLayer()
});
```
-## 相关 demo
+`markdown:docs/common/layer/base.md`
diff --git a/docs/api/layer/point_layer/text.en.md b/docs/api/layer/point_layer/text.en.md
index 3673f1e18f..b99345aad0 100644
--- a/docs/api/layer/point_layer/text.en.md
+++ b/docs/api/layer/point_layer/text.en.md
@@ -43,3 +43,5 @@ layer.shape('name', 'text');
## 相关 demo
[文本标注](../../../../examples/point/text)
+
+`markdown:docs/common/layer/base.md`
diff --git a/docs/api/layer/point_layer/text.zh.md b/docs/api/layer/point_layer/text.zh.md
index ffac7b717b..70ca75eda3 100644
--- a/docs/api/layer/point_layer/text.zh.md
+++ b/docs/api/layer/point_layer/text.zh.md
@@ -18,14 +18,6 @@ order: 4
layer.shape('name', 'text');
```
-### color
-
-同 layer
-
-### size
-
-同 layer
-
### style
- opacity `number`
@@ -44,3 +36,5 @@ layer.shape('name', 'text');
## 相关 demo
[文本标注](../../../../examples/point/text)
+
+`markdown:docs/common/layer/base.md`
diff --git a/docs/api/layer/polygon_layer/extrude.zh.md b/docs/api/layer/polygon_layer/extrude.zh.md
index 4d7c057481..ddaa022f32 100644
--- a/docs/api/layer/polygon_layer/extrude.zh.md
+++ b/docs/api/layer/polygon_layer/extrude.zh.md
@@ -33,10 +33,4 @@ layer.size('floor', (floor) => {
});
```
-### color
-
-同 [layer#color](../layer/#color)
-
-### style
-
-同 [layer#style](../layer/#style)
+`markdown:docs/common/layer/base.md`
diff --git a/docs/api/layer/polygon_layer/fill.zh.md b/docs/api/layer/polygon_layer/fill.zh.md
index 978d0f5000..ace0dc7018 100644
--- a/docs/api/layer/polygon_layer/fill.zh.md
+++ b/docs/api/layer/polygon_layer/fill.zh.md
@@ -22,10 +22,4 @@ layer.shape('fill');
填充图无 size 不需要设置 size
-### color
-
-同 [layer#color](../layer/#color)
-
-### style
-
-同 [layer#style](../layer/#style)
+`markdown:docs/common/layer/base.md`
diff --git a/docs/api/layer/polygon_layer/polygonlayer.en.md b/docs/api/layer/polygon_layer/polygonlayer.en.md
index 63b1213861..0820bb0bb0 100644
--- a/docs/api/layer/polygon_layer/polygonlayer.en.md
+++ b/docs/api/layer/polygon_layer/polygonlayer.en.md
@@ -25,4 +25,4 @@ PolyonLayer.shape('line').size(1); // size 表示线宽度
PolyonLayer.shape('extrude'); // size 表示高度
```
-其他方法,事件,同基类 [Layer](/zh/docs/api/layer/layer)
+`markdown:docs/common/layer/base.md`
diff --git a/docs/api/layer/polygon_layer/polygonlayer.zh.md b/docs/api/layer/polygon_layer/polygonlayer.zh.md
index a04d1db01f..1af85775e1 100644
--- a/docs/api/layer/polygon_layer/polygonlayer.zh.md
+++ b/docs/api/layer/polygon_layer/polygonlayer.zh.md
@@ -25,4 +25,4 @@ PolyonLayer.shape('line').size(1); // size 表示线宽度
PolyonLayer.shape('extrude').size(10); // size 表示高度
```
-其他方法,事件,同基类 [Layer](/zh/docs/api/layer/layer)
+`markdown:docs/common/layer/base.md`
diff --git a/docs/api/layer/raster_layer.en.md b/docs/api/layer/raster_layer.en.md
index 43c3fcc487..d028af7fca 100644
--- a/docs/api/layer/raster_layer.en.md
+++ b/docs/api/layer/raster_layer.en.md
@@ -3,6 +3,8 @@ title: Raster
order: 5
---
+`markdown:docs/common/style.md`
+
Raster 图层主要实现栅格数据的可视化,栅格数据主要来源是卫星遥感数据,如数字高程图,植被分布图,夜光图。
L7 本身内部没有提供栅格数据格式 如 tiff,需要外部解析好做为 Source 传入。
diff --git a/docs/api/layer/raster_layer.zh.md b/docs/api/layer/raster_layer.zh.md
index 90eabc8d38..b56abebe00 100644
--- a/docs/api/layer/raster_layer.zh.md
+++ b/docs/api/layer/raster_layer.zh.md
@@ -2,6 +2,7 @@
title: 栅格图层
order: 5
---
+`markdown:docs/common/style.md`
Raster 图层主要实现栅格数据的可视化,栅格数据主要来源是卫星遥感数据,如数字高程图,植被分布图,夜光图。
diff --git a/docs/api/map.en.md b/docs/api/map.en.md
index e851cd64cc..1d2c89670f 100644
--- a/docs/api/map.en.md
+++ b/docs/api/map.en.md
@@ -2,7 +2,7 @@
title: Map
order: 2
---
-
+`markdown:docs/common/style.md`
# 简介
L7 专注数据可视化层数据表达,目前 L7 还不支持独立的地图引擎,需要引入第三方引擎,目前支持高德地图和 MapBox 两种。
diff --git a/docs/api/map.zh.md b/docs/api/map.zh.md
index 84c557bf2d..687c5b2ece 100644
--- a/docs/api/map.zh.md
+++ b/docs/api/map.zh.md
@@ -2,7 +2,7 @@
title: 地图 Map
order: 2
---
-
+`markdown:docs/common/style.md`
# 简介
L7 专注数据可视化层数据表达,目前 L7 还不支持独立的地图引擎,需要引入第三方引擎,目前支持高德地图和 MapBox 两种。
diff --git a/docs/api/react/layer.en.md b/docs/api/react/layer.en.md
index 697977d096..0e22d0576b 100644
--- a/docs/api/react/layer.en.md
+++ b/docs/api/react/layer.en.md
@@ -2,6 +2,7 @@
title: Layer Component
order: 2
---
+`markdown:docs/common/style.md`
## Layer 类型
diff --git a/docs/api/react/layer.zh.md b/docs/api/react/layer.zh.md
index 805fc2d4da..bfe4c115c1 100644
--- a/docs/api/react/layer.zh.md
+++ b/docs/api/react/layer.zh.md
@@ -2,7 +2,7 @@
title: Layer 组件
order: 2
---
-
+`markdown:docs/common/style.md`
## Layer 类型
React 各个组件名称和 L7 名称保持一致
diff --git a/docs/api/react/marker.en.md b/docs/api/react/marker.en.md
index 560fb08640..3e6bd0e675 100644
--- a/docs/api/react/marker.en.md
+++ b/docs/api/react/marker.en.md
@@ -2,7 +2,7 @@
title: Marker
order: 3
---
-
+`markdown:docs/common/style.md`
## Marker Props
| prop name | Type | Default | Description |
diff --git a/docs/api/react/marker.zh.md b/docs/api/react/marker.zh.md
index e364791c1d..d8c5ff6487 100644
--- a/docs/api/react/marker.zh.md
+++ b/docs/api/react/marker.zh.md
@@ -2,7 +2,7 @@
title: Marker 组件
order: 3
---
-
+`markdown:docs/common/style.md`
## Marker Props
| prop name | Type | Default | Description |
diff --git a/docs/api/react/popup.en.md b/docs/api/react/popup.en.md
index 593b9d1f1f..af6b86aa66 100644
--- a/docs/api/react/popup.en.md
+++ b/docs/api/react/popup.en.md
@@ -2,7 +2,7 @@
title: Popup Component
order: 4
---
-
+`markdown:docs/common/style.md`
## Popup Props
| prop name | Type | Default | Description |
diff --git a/docs/api/react/popup.zh.md b/docs/api/react/popup.zh.md
index 51d300b184..ccb0d093f4 100644
--- a/docs/api/react/popup.zh.md
+++ b/docs/api/react/popup.zh.md
@@ -3,6 +3,7 @@ title: Popup 组件
order: 4
---
+`markdown:docs/common/style.md`
## Popup Props
| prop name | Type | Default | Description |
diff --git a/docs/api/react/scene.en.md b/docs/api/react/scene.en.md
index d264fc2d92..a807d64dc4 100644
--- a/docs/api/react/scene.en.md
+++ b/docs/api/react/scene.en.md
@@ -2,7 +2,7 @@
title: Scene
order: 1
---
-
+`markdown:docs/common/style.md`
## 使用
在 React 版本中 Mapbox 和高德地图作为两个组件封装的。
diff --git a/docs/api/react/scene.zh.md b/docs/api/react/scene.zh.md
index c1084fc63d..b8bd43db2c 100644
--- a/docs/api/react/scene.zh.md
+++ b/docs/api/react/scene.zh.md
@@ -2,7 +2,7 @@
title: Scene 组件
order: 1
---
-
+`markdown:docs/common/style.md`
## 使用
在 React 版本中 Mapbox 和高德地图作为两个组件封装的。
diff --git a/docs/api/react/start.en.md b/docs/api/react/start.en.md
index e08930e106..e85933eec2 100644
--- a/docs/api/react/start.en.md
+++ b/docs/api/react/start.en.md
@@ -2,7 +2,7 @@
title: Get Started
order: 0
---
-
+`markdown:docs/common/style.md`
### 安装
```bash
diff --git a/docs/api/react/start.zh.md b/docs/api/react/start.zh.md
index 0429341268..98d1404173 100644
--- a/docs/api/react/start.zh.md
+++ b/docs/api/react/start.zh.md
@@ -2,7 +2,7 @@
title: 快速开始
order: 0
---
-
+`markdown:docs/common/style.md`
### 安装
```bash
diff --git a/docs/api/scene.en.md b/docs/api/scene.en.md
index cb4f903cfe..97e189a4b6 100644
--- a/docs/api/scene.en.md
+++ b/docs/api/scene.en.md
@@ -2,7 +2,7 @@
title: Scene
order: 2
---
-
+`markdown:docs/common/style.md`
# 简介
## Scene
diff --git a/docs/api/scene.zh.md b/docs/api/scene.zh.md
index 68f8dae375..a5ef2ccf54 100644
--- a/docs/api/scene.zh.md
+++ b/docs/api/scene.zh.md
@@ -2,7 +2,7 @@
title: 场景 Scene
order: 2
---
-
+`markdown:docs/common/style.md`
# 简介
```javascript
@@ -41,6 +41,7 @@ L7 地理可视化侧重于地理数据的可视化表达,地图层需要依
### map
+
可以通过 scene map 属性获取 map 实例
```javascript
@@ -72,10 +73,14 @@ const scene = new L7.Scene({
### id
-需传入 dom 容器或者容器 id {domObject || string} [必选]
+ _string | HTMLElement_ **必选**
+
+需传入 dom 容器或者容器 id
### logoPosition
+ _bottomleft_ **可选**
+
L7 Logo 的显示位置 默认左下角
- bottomright
@@ -83,33 +88,40 @@ L7 Logo 的显示位置 默认左下角
- bottomleft,
- topleft`
-### logoVisible
+### logoVisible logo是否可见
+ _bottomleft_ **可选** _default: true_
是否显示 L7 的 Logo {boolean} true
-### antialias
+### antialias 是否开启抗锯齿
+
+ _boolean_ **可选** _default: true_
是否开始前抗锯齿 `boolean` `true`
### preserveDrawingBuffer
+ _boolean_ **可选** _default: false_
+
是否保留缓冲区数据 `boolean` `false`
## Map 配置项
-### zoom
+### zoom 初始化缩放等级
+
+ _number_
地图初始显示级别 {number} Mapbox (0-24) 高德 (3-18)
-### center
+### center 地图中心
地图初始中心经纬度 {Lnglat}
-### pitch
+### pitch 地图倾角
地图初始俯仰角度 {number} default 0
-### style
+### style 地图图样式
简化地图样式设置,L7 内置了三种主题默认样式 高德,mapbox 都可以使用
@@ -130,21 +142,21 @@ L7 Logo 的显示位置 默认左下角
}
```
-### minZoom
+### minZoom 最小缩放等级
地图最小缩放等级 {number} default 0 Mapbox 0-24) 高德 (3-18)
-### maxZoom
+### maxZoom 最大缩放等级
地图最大缩放等级 {number} default 22 Mapbox(0-24) 高德 (3-18)
-### rotateEnable
+### rotateEnable 是否允许旋转
地图是否可旋转 {Boolean} default true
## 方法
-### getZoom
+### getZoom 获取缩放等级
获取当前缩放等级
@@ -154,7 +166,7 @@ scene.getZoom();
return {float} 当前缩放等级
-### getLayers()
+### getLayers() 获取所有图层
获取所有的地图图层
@@ -162,7 +174,7 @@ return {float} 当前缩放等级
scene.getLayers();
```
-### getLayerByName(name)
+### getLayerByName(name) 根据名称获取图层
根据图层名称获取图层
@@ -178,7 +190,7 @@ scene.getLayerByName(name);
return Layer 图层对象
-### getCenter()
+### getCenter() 获取地图中心
获取地图中心点
@@ -188,7 +200,7 @@ scene.getCenter();
return {Lnglat} :地图中心点
-### getSize()
+### getSize() 获取地图容器大小
获取地图容器大小
@@ -198,7 +210,7 @@ scene.getSize();
return { Object } 地图容器的 width,height
-### getPitch()
+### getPitch() 获取地图倾角
获取地图俯仰角
@@ -208,7 +220,7 @@ scene.getPitch();
return {number} pitch
-### getContainer
+### getContainer 获取地图容器
获取地图容器 return htmlElement
@@ -216,7 +228,7 @@ return {number} pitch
scene.getContainer();
```
-### setMapStyle
+### setMapStyle 设置地图样式
参数:`style` {string} 地图样式 具体样式格式和各底图设置方法一致
@@ -242,7 +254,7 @@ scene.setMapStyle(
);
```
-### setCenter()
+### setCenter() 设置地图中心点
设置地图中心点坐标
@@ -252,7 +264,7 @@ scene.setCenter([lng, lat]);
参数:`center` {LngLat} 地图中心点
-### setZoomAndCenter
+### setZoomAndCenter 设置地图缩放等级和中心点
设置地图等级和中心
@@ -265,7 +277,7 @@ scene.setZoomAndCenter(zoom, center);
- zoom {number}
- center {LngLat}
-### setRotation
+### setRotation 设置地图旋转
设置地图顺时针旋转角度,旋转原点为地图容器中心点,取值范围 [0-360]
@@ -275,7 +287,7 @@ scene.setRotation(rotation);
参数: `rotation` {number}
-### zoomIn
+### zoomIn 地图放大一级
地图放大一级
@@ -283,7 +295,7 @@ scene.setRotation(rotation);
scene.zoomIn();
```
-### zoomOut
+### zoomOut 地图缩小一级
地图缩小一级
@@ -291,7 +303,7 @@ scene.zoomIn();
scene.ZoomOUt();
```
-### panTo
+### panTo 地图移动到
地图平移到指定的位置
@@ -303,7 +315,7 @@ scene.panTo(LngLat);
- `center` LngLat 中心位置坐标
-### panBy
+### panBy 地图平移
以像素为单位沿 X 方向和 Y 方向移动地图
@@ -317,7 +329,7 @@ scene.panBy(x, y);
- `y` {number} 垂直方向移动像素 向下为正方向
-### setPitch
+### setPitch 设置地图倾角
设置地图仰俯角度
@@ -325,7 +337,7 @@ scene.panBy(x, y);
scene.setPitch(pitch);
```
-### setMapStatus
+### setMapStatus 设置地图状态
参数 :
@@ -346,7 +358,7 @@ scene.setMapStatus({ dragEnable: false });
- `pitch` {number}
-### fitBounds
+### fitBounds 设置地图缩放范围
地图缩放到某个范围内
@@ -361,7 +373,7 @@ scene.fitBounds([
]);
```
-### removeLayer
+### removeLayer 移除图层
移除 layer
@@ -373,7 +385,7 @@ scene.removeLayer(layer);
- `layer` {Layer}
-### exportMap
+### exportMap 导出地图图片
导出地图,目前仅支持导出可视化层,不支持底图导出
@@ -383,7 +395,7 @@ scene.removeLayer(layer);
scene.exportMap('png');
```
-### destroy
+### destroy 场景销毁
scene 销毁方法,离开页面,或者不需要使用地图可以调用
diff --git a/docs/api/source/csv.en.md b/docs/api/source/csv.en.md
index 688116ef2d..496e64dcb6 100644
--- a/docs/api/source/csv.en.md
+++ b/docs/api/source/csv.en.md
@@ -2,6 +2,7 @@
title: CSV
order: 3
---
+`markdown:docs/common/style.md`
L7 支持 CSV 以逗号分隔的 CSV 数据加载。
diff --git a/docs/api/source/csv.zh.md b/docs/api/source/csv.zh.md
index 688116ef2d..15bdc44855 100644
--- a/docs/api/source/csv.zh.md
+++ b/docs/api/source/csv.zh.md
@@ -2,7 +2,8 @@
title: CSV
order: 3
---
-
+`markdown:docs/common/style.md`
+`markdown:docs/common/style.md`
L7 支持 CSV 以逗号分隔的 CSV 数据加载。
CSV 是文本数据结构,很难表达复杂的地理数据结构,因此 CSV 仅支持两种数据结构
diff --git a/docs/api/source/geojson.en.md b/docs/api/source/geojson.en.md
index 02b0a013e1..0690a25b07 100644
--- a/docs/api/source/geojson.en.md
+++ b/docs/api/source/geojson.en.md
@@ -2,7 +2,7 @@
title: GeoJSON
order: 1
---
-
+`markdown:docs/common/style.md`
## 简介
GeoJSON 是一种对各种地理数据结构进行编码的格式。GeoJSON 对象可以表示几何、特征或者特征集合。GeoJSON 支持下面几何类型:点、线、面、多点、多线、多面和几何集合。GeoJSON 里的特征包含一个几何对象和其他属性,特征集合表示一系列特征。
diff --git a/docs/api/source/geojson.zh.md b/docs/api/source/geojson.zh.md
index 931b928e21..77026f619e 100644
--- a/docs/api/source/geojson.zh.md
+++ b/docs/api/source/geojson.zh.md
@@ -2,7 +2,7 @@
title: GeoJSON
order: 1
---
-
+`markdown:docs/common/style.md`
## 简介
GeoJSON 是一种对各种地理数据结构进行编码的格式。GeoJSON 对象可以表示几何、特征或者特征集合。GeoJSON 支持下面几何类型:点、线、面、多点、多线、多面和几何集合。GeoJSON 里的特征包含一个几何对象和其他属性,特征集合表示一系列特征。
diff --git a/docs/api/source/image.en.md b/docs/api/source/image.en.md
index 153208b5b2..1119ee8999 100644
--- a/docs/api/source/image.en.md
+++ b/docs/api/source/image.en.md
@@ -2,7 +2,7 @@
title: Image
order: 4
---
-
+`markdown:docs/common/style.md`
Image 数据主要用于在地图根据经纬度范围添加图图片,不如一幅纸制地图扫描版你要放在地图显示。
## parser
diff --git a/docs/api/source/image.zh.md b/docs/api/source/image.zh.md
index 5901901b54..0563dab48f 100644
--- a/docs/api/source/image.zh.md
+++ b/docs/api/source/image.zh.md
@@ -2,6 +2,7 @@
title: Image
order: 4
---
+`markdown:docs/common/style.md`
Image 数据主要用于在地图根据经纬度范围添加图图片,比如一幅纸制地图扫描版你要放在地图显示。
diff --git a/docs/api/source/json.en.md b/docs/api/source/json.en.md
index a1bb7f5a3e..45c92fa56d 100644
--- a/docs/api/source/json.en.md
+++ b/docs/api/source/json.en.md
@@ -2,6 +2,7 @@
title: JSON
order: 2
---
+`markdown:docs/common/style.md`
GeoJSON 虽然是通用的的地理数据格式,在具体使用场景中,数据服务人员可能并不熟悉 GeoJON,或者没有生成 GeoJON 的工具, 因此 L7 对数据定义了 Parser 的概念,你的数据可以是任何格式,使用指定数据对应的地理信息字段即可。
diff --git a/docs/api/source/json.zh.md b/docs/api/source/json.zh.md
index c1528f632f..1691890f93 100644
--- a/docs/api/source/json.zh.md
+++ b/docs/api/source/json.zh.md
@@ -2,6 +2,7 @@
title: JSON
order: 2
---
+`markdown:docs/common/style.md`
GeoJSON 虽然是通用的的地理数据格式,在具体使用场景中,数据服务人员可能并不熟悉 GeoJON,或者没有生成 GeoJON 的工具, 因此 L7 对数据定义了 Parser 的概念,你的数据可以是任何格式,使用指定数据对应的地理信息字段即可。
diff --git a/docs/api/source/raster.en.md b/docs/api/source/raster.en.md
index 73721d5d05..d8325a52fb 100644
--- a/docs/api/source/raster.en.md
+++ b/docs/api/source/raster.en.md
@@ -2,6 +2,7 @@
title: Raster
order: 5
---
+`markdown:docs/common/style.md`
Raster 图层主要实现栅格数据的可视化,栅格数据主要来源是卫星遥感数据,如数字高程图,植被分布图,夜光图。
diff --git a/docs/api/source/raster.zh.md b/docs/api/source/raster.zh.md
index 6887b94ddb..d649f409ee 100644
--- a/docs/api/source/raster.zh.md
+++ b/docs/api/source/raster.zh.md
@@ -2,6 +2,7 @@
title: 栅格
order: 5
---
+`markdown:docs/common/style.md`
Raster 图层主要实现栅格数据的可视化,栅格数据主要来源是卫星遥感数据,如数字高程图,植被分布图,夜光图。
diff --git a/docs/api/source/source.en.md b/docs/api/source/source.en.md
index 5438dea348..cd24b432d7 100644
--- a/docs/api/source/source.en.md
+++ b/docs/api/source/source.en.md
@@ -2,6 +2,7 @@
title: Source
order: 0
---
+`markdown:docs/common/style.md`
## 概述
diff --git a/docs/api/source/source.zh.md b/docs/api/source/source.zh.md
index 3aab9221a0..0c02da0e28 100644
--- a/docs/api/source/source.zh.md
+++ b/docs/api/source/source.zh.md
@@ -2,6 +2,7 @@
title: Source
order: 0
---
+`markdown:docs/common/style.md`
## 概述
diff --git a/docs/common/district/bubble.zh.md b/docs/common/district/bubble.zh.md
new file mode 100644
index 0000000000..c1aded7461
--- /dev/null
+++ b/docs/common/district/bubble.zh.md
@@ -0,0 +1,14 @@
+### bubbleOption 气泡配置项
+ - enable `boolean` 是否显示气泡 `true`
+ - shape: AttributeType; 气泡形状支持数据映射
+ - size: AttributeType; 气泡大小支持数据映射
+ - color: AttributeType; 气泡颜色支持数据映射
+ - scale: { // 数字度量
+ field: string; 度量字段
+ type: ScaleTypeName; 度量字段
+ };
+ - style: {
+ opacity: number; 透明度
+ stroke: string; 填充色
+ strokeWidth: number; 填充宽度
+ };
diff --git a/docs/common/district/event.zh.md b/docs/common/district/event.zh.md
new file mode 100644
index 0000000000..4d87bf2d59
--- /dev/null
+++ b/docs/common/district/event.zh.md
@@ -0,0 +1 @@
+### 事件
diff --git a/docs/common/district/fill.zh.md b/docs/common/district/fill.zh.md
new file mode 100644
index 0000000000..0c019aa1f6
--- /dev/null
+++ b/docs/common/district/fill.zh.md
@@ -0,0 +1,12 @@
+### fill 填充图样式
+ - color 图层填充颜色,支持常量和数据映射
+ 常量:统一设置成一样的颜色
+ 数据映射
+ - field 填充映射字段
+ - values 映射值,同color方法第二个参数数组,回调函数
+ - filter 图层过滤方法,支持常量和数据映射 同layer.filter方法
+ 数据映射
+ - field 填充映射字段
+ - values 回调函数 `false` 返回值将会被过滤掉
+ - style 同 polygonLayer的style方法
+ - activeColor 鼠标滑过高亮颜色, `string | boolean` 如果设置为 `false`取消高亮
diff --git a/docs/common/district/label.zh.md b/docs/common/district/label.zh.md
new file mode 100644
index 0000000000..4f8e4f9727
--- /dev/null
+++ b/docs/common/district/label.zh.md
@@ -0,0 +1,13 @@
+### labelOption 标注配置项
+ 文本标注配置项,目前只支持常量配置,不支持数据映射
+ - enable `boolean` 是否显示标注
+ - color 标注字体颜色 常量
+ - field 标注字段 常量
+ - size 标注大小 常量
+ - stroke 文字描边颜色
+ - strokeWidth 文字描边宽度
+ - textAllowOverlap 是否允许文字压盖
+ - opacity 标注透明度
+ - spacing: `number` 文本包围盒 padding [水平,垂直],影响碰撞检测结果,避免相邻文本靠的太近
+ - padding: `[number, number]` 文本相对锚点的偏移量 [x, y]
+ 其他包括 text [style 的配置](../layer/point_layer/text#style)
diff --git a/docs/common/district/option.zh.md b/docs/common/district/option.zh.md
new file mode 100644
index 0000000000..88096e4c0f
--- /dev/null
+++ b/docs/common/district/option.zh.md
@@ -0,0 +1,16 @@
+#### layerOption 图片配置
+
+ 下钻各个层级的配置项,可以独立配置,每一层级的样式,不设置和上一层就保持一致
+ - joinBy: [string, string];
+ - label: Partial;
+ - bubble: Partial;
+ - fill: Partial;
+ ⛔中国地图视角设置,省界,海岸线,宽度通过以下属性
+ - chinaNationalStroke 中国国界线颜色
+ - chinaNationalWidth 中国国界线宽度
+ - coastlineStroke 海岸线颜色
+ - coastlineWidth 海岸线宽度
+ - nationalWidth 国界线
+ - nationalStroke 国界线
+ - provinceStroke 省界颜色
+ - provinceStrokeWidth 省界宽度
diff --git a/docs/common/district/popup.zh.md b/docs/common/district/popup.zh.md
new file mode 100644
index 0000000000..6ad6476be3
--- /dev/null
+++ b/docs/common/district/popup.zh.md
@@ -0,0 +1,5 @@
+### popup 信息窗口
+
+ - enable 是否开启 `boolean`
+ - triggerEvent 触发事件 例如 'mousemove' | 'click';
+ - Html popup html字符串,支持回调函数 (properties: any) => string;
diff --git a/docs/common/layer/base.md b/docs/common/layer/base.md
new file mode 100644
index 0000000000..7645f96e50
--- /dev/null
+++ b/docs/common/layer/base.md
@@ -0,0 +1,15 @@
+`markdown:docs/common/style.md`
+
+`markdown:docs/common/layer/options.md`
+
+`markdown:docs/common/layer/layer_encode.md`
+
+`markdown:docs/common/layer/layer_update.md`
+
+`markdown:docs/common/layer/layer_ctr.md`
+
+`markdown:docs/common/layer/layer_interaction.md`
+
+`markdown:docs/common/layer/mouse_event.md`
+
+`markdown:docs/common/layer/layer_event.md`
diff --git a/docs/common/layer/layer_ctr.md b/docs/common/layer/layer_ctr.md
new file mode 100644
index 0000000000..a7707bb2cb
--- /dev/null
+++ b/docs/common/layer/layer_ctr.md
@@ -0,0 +1,68 @@
+## 图层控制方法
+
+### show 显示
+
+图层显示
+
+```javascript
+layer.show();
+```
+
+### hide 隐藏
+
+图层隐藏
+
+```javascript
+layer.hide();
+```
+
+### isVisible 是否可见
+
+图层是否可见
+
+return `true | false`
+
+### setIndex 设置图层层级
+
+设置图层绘制顺序
+
+### fitBounds 缩放到图层范围
+
+缩放到图层范围
+
+```javascript
+layer.fitBounds();
+```
+
+### setMinZoom 设置图层最小可见等级
+
+设置图层最小缩放等级
+
+参数
+
+- zoom {number}
+
+```javascript
+layer.setMinZoom(zoom);
+```
+
+### setMaxZoom 设置图层最大可见等级
+
+设置图层最大缩放等级
+
+参数
+- zoom {number}
+
+```javascript
+layer.setMinZoom(zoom);
+```
+
+设置图层最大缩放等级
+
+参数
+
+- zoom {number}
+
+```javascript
+layer.setMinZoom(zoom);
+```
diff --git a/docs/common/layer/layer_encode.md b/docs/common/layer/layer_encode.md
new file mode 100644
index 0000000000..fb9a2d8c1b
--- /dev/null
+++ b/docs/common/layer/layer_encode.md
@@ -0,0 +1,236 @@
+## 数据映射
+
+### source 数据
+
+数据源为 layer 设置数据 source(data,config)
+
+- data {geojson|json|csv}
+源数据
+- config 可选 数据源配置项
+ - parser 数据解析,默认是解析层 geojson
+ - transforms [transform,transform ] 数据处理转换 可设置多个
+
+parser 和 transforms [见 source 文档](../source/source)
+
+```javascript
+layer.source(data, {
+ parser: {
+ type: 'csv',
+ x: 'lng',
+ y: 'lat',
+ },
+ transforms: [
+ {
+ type: 'map',
+ callback: function (item) {
+ const [x, y] = item.coordinates;
+ item.lat = item.lat * 1;
+ item.lng = item.lng * 1;
+ item.v = item.v * 1;
+ item.coordinates = [x * 1, y * 1];
+ return item;
+ },
+ },
+ {
+ type: 'hexagon',
+ size: 6000,
+ field: 'v',
+ method: 'sum',
+ },
+ ],
+});
+```
+
+### scale 度量
+
+设置数据字段映射方法
+
+- `field` 字段名。
+
+- `scaleConfig` 列定义配置,对象类型,可配置的属性如下:
+
+#### scale 类型
+
+**连续型**
+
+- linear 线性
+- log
+- pow 指数型
+
+**连续分类型**
+
+- quantile 等分位
+- quantize 等间距
+
+**枚举型**
+
+- cat 枚举
+
+```javascript
+layer.scale('name', {
+ type: 'cat',
+});
+
+// 设置多个scale
+
+// 字段名为 key, value 为scale配置项
+
+layer.scale({
+ name: {
+ type: 'cat',
+ },
+ value: {
+ type: 'linear',
+ },
+});
+```
+可视化编码是将数据转换为可视形式的过程,L7 目前支持形状,大小,颜色 3 种视觉通道,你可以指定数据字段,为不同要素设置不同的图形属性。
+
+### size 大小
+
+将数据值映射到图形的大小上的方法,具体 size 的表示具体意义可以查看对应图层的文档
+
+```javascript
+pointLayer.size(10); // 常量
+pointLayer.size('type'); // 使用字段映射到大小
+pointLayer.size('type', [0, 10]); // 使用字段映射到大小,并指定最大值和最小值
+pointLayer.size('type', (type) => {
+ // 回调函数
+ if (type === 'a') {
+ return 10;
+ }
+ return 5;
+});
+```
+
+#### size(value)常量
+
+传入数字常量,如 `pointLayer.size(20)`
+
+#### size(field)
+
+根据 field 字段的值映射大小,使用默认的`最大值 max:10` 和`最小值 min: 1`。
+
+#### size(field, callback) 回调函数
+
+使用回调函数控制图形大小。
+
+- `callback`: function 回调函数。
+
+```javascript
+pointLayer.size('age', (value) => {
+ if (value === 1) {
+ return 5;
+ }
+ return 10;
+});
+```
+
+### color 颜色
+
+将数据值映射到图形的颜色上的方法。
+
+```javascript
+layer.color('red'); // 常量颜色
+layer.color('type'); // 对 type 字段进行映射,使用内置的颜色
+layer.color('type', ['red', 'blue']); // 指定颜色
+layer.color('type', (type) => {
+ // 通过回调函数
+ if (type === 'a') {
+ return 'red';
+ }
+ return 'blue';
+});
+layer.color('type*value', (type, value) => {
+ //多个参数,通过回调函数
+ if (type === 'a' && value > 100) {
+ return 'red';
+ }
+ return 'blue';
+});
+```
+
+#### color(value) 常量
+
+参数:`value` :string
+只支持接收一个参数,value 可以是:
+
+- 映射至颜色属性的数据源字段名,如果数据源中不存在这个字段名的话,则按照常量进行解析,这个时候会使用 L7 默认提供的颜色。
+
+- 也可以直接指定某一个具体的颜色值 color,如 '#fff', 'white','rgba(255,0,0,0.5)' ,rgb(255,0,1) 等。
+
+示例
+
+```javascript
+layer.color('name'); // 映射数据字段
+layer.color('white'); // 指定颜色
+```
+
+#### color(field, colors) 字段映射
+
+参数:
+
+- `field`: stringfield 为映射至颜色属性的数据源字段名,也支持指定多个参数。
+
+- `colors`: string | array | function
+
+colors 的参数有以下情况: 如果为空,即未指定颜色的数组,那么使用内置的全局的颜色;如果需要指定颜色,则需要以数组格式传入,那么分类的颜色按照数组中的颜色确定。
+
+```javascript
+layer.color('name'); // 使用默认的颜色
+layer.color('name', ['red', 'blue']); // 使用传入的指定颜色
+```
+
+- colors 如果是回调函数,则该回调函数的参数为对应字段的数值,具体使用如下,当 color 映射为多个字段时,参数按照字段声明的顺序传入:
+
+```javascript
+layer.color('gender', (value) => {
+ if (value === 1) {
+ return 'red';
+ }
+ return 'blue';
+});
+layer.color('gender*age', (gender, age) => {
+ if (age === 20 && gender == ' 男') {
+ return 'red';
+ }
+ return 'blue';
+});
+```
+
+### shape 形状
+
+将数据值映射到图形的形状上的方法。
+
+**shape(shape)**
+
+参数`shape` string
+
+只支持接收一个参数,指定几何图像对象绘制的形状。下表列出了不同的 图层 几何图形对象支持的 shape 形状
+
+| layer 类型 | shape 类型 | 备注 |
+| ---------- | -------------------------------------------------------------------------------------- | ---- |
+| point | 2d:point,circle, square, triangle,hexagon,image,text 3d:circle,triangle,hexagon,square | |
+| line | line,arc, arc3d, greatcircle | |
+| polygon | fill,line, extrude | |
+
+**shape(field, shapes)**
+
+**shape(field, callback)**
+
+### style 样式
+
+全局设置图形显示属性
+
+- opacity 设置透明度
+
+- stroke 线填充颜色 仅点图层支持
+
+- strokeWidth 线的宽度 仅点图层支持
+
+```javascript
+layer.style({
+ opacity: 0.8,
+ stroke: 'white',
+});
+```
diff --git a/docs/common/layer/layer_event.md b/docs/common/layer/layer_event.md
new file mode 100644
index 0000000000..5cb1d61bd6
--- /dev/null
+++ b/docs/common/layer/layer_event.md
@@ -0,0 +1,33 @@
+## 图层事件
+
+### inited 图层初始化
+ _bool_ **可选** _default:_ null
+
+参数 option
+
+- target 当前 layer
+- type 事件类型
+
+图层初始化完成后触发
+
+```javascript
+layer.on('inited', (option) => {});
+```
+
+### add 图层被添加
+
+图层添加到 scene
+
+参数 option
+
+- target 当前 layer
+- type 事件类型
+
+### remove 图层被移除
+
+图层移除时触发
+
+参数 option
+
+- target 当前 layer
+- type 事件类型
diff --git a/docs/common/layer/layer_interaction.md b/docs/common/layer/layer_interaction.md
new file mode 100644
index 0000000000..3913f1537d
--- /dev/null
+++ b/docs/common/layer/layer_interaction.md
@@ -0,0 +1,63 @@
+## 图层交互方法
+
+### active 鼠标滑过高亮
+
+开启或者关闭 mousehover 元素高亮效果
+
+参数: activeOption | boolean
+
+activeOption
+-color 填充颜色
+
+```javascript
+// 开启 Active 使用默认高亮颜色
+layer.active(true);
+
+// 开启 Active 自定义高亮颜色
+
+layer.active({
+ color: 'red',
+});
+
+// 关闭高亮效果
+layer.active(false);
+```
+
+### setActive 设置指定要素高亮
+
+根据元素 ID 设置指定元素 hover 高亮
+
+```javascript
+layer.setActive(id);
+```
+
+### select 鼠标选中高亮
+
+开启或者关闭 mouseclick 元素选中高亮效果
+
+参数: selectOption | boolean
+
+selectOption
+-color 填充颜色
+
+```javascript
+// 开启 Active 使用默认高亮颜色
+layer.select(true);
+
+// 开启 Active 自定义高亮颜色
+
+layer.select({
+ color: 'red',
+});
+
+// 关闭高亮效果
+layer.select(false);
+```
+
+### setSelect 设置指定要求选中
+
+根据元素 ID 设置指定元素 click 选中 高亮
+
+```javascript
+layer.setSelect(id);
+```
diff --git a/docs/common/layer/layer_update.md b/docs/common/layer/layer_update.md
new file mode 100644
index 0000000000..2a109e5648
--- /dev/null
+++ b/docs/common/layer/layer_update.md
@@ -0,0 +1,33 @@
+## 图层更新方法
+
+如果已经添加了图层,需要修改图层显示样式可以再次调用图形映射方法,然后调用 `scene.render()`更新渲染即可
+
+### 样式更新
+
+```javascript
+layer.color('blue');
+layer.size(10);
+layer.style({});
+scene.render();
+```
+
+### setData
+
+更新 Source 数据
+参数:
+
+- data 数据
+- option 默认和初始配置项一致,如果数据格式相同可不设置
+
+调用 setData 方法会自动更新图层渲染
+
+```javascript
+layer.setData(data);
+```
+
+### setBlend(type)
+
+设置图层叠加方法
+参数:
+
+- type blend 类型
diff --git a/docs/common/layer/mouse_event.md b/docs/common/layer/mouse_event.md
new file mode 100644
index 0000000000..019e1f7197
--- /dev/null
+++ b/docs/common/layer/mouse_event.md
@@ -0,0 +1,78 @@
+## 鼠标事件
+
+鼠标事件回调参数 target
+
+- x: number 鼠标 在地图位置 x 坐标
+- y: number 鼠标 在地图位置 y 坐标
+- type: string 鼠标事件类型
+- lngLat: 经度度对象 {lng:number, lat: number }; 鼠标所在位置经纬度
+- feature: any; 数据选中的地理要素信息
+- featureId: number | null; 数据选中的地理要素的 ID
+
+### 使用示例
+
+```javascript
+layer.on('click', (ev) => {}); // 鼠标左键点击图层事件
+layer.on('mousemove', (ev) => {}); // 鼠标在图层上移动时触发
+layer.on('mouseout', (ev) => {}); // 鼠标移出图层要素时触发
+layer.on('mouseup', (ev) => {}); // 鼠标在图层上单击抬起时触发
+layer.on('mousedown', (ev) => {}); // 鼠标在图层上单击按下时触发
+layer.on('contextmenu', (ev) => {}); // 图层要素点击右键菜单
+
+// 鼠标在图层外的事件
+layer.on('unclick', (ev) => {}); // 图层外点击
+layer.on('unmousemove', (ev) => {}); // 图层外移动
+layer.on('unmouseup', (ev) => {}); // 图层外鼠标抬起
+layer.on('unmousedown', (ev) => {}); // 图层外单击按下时触发
+layer.on('uncontextmenu', (ev) => {}); // 图层外点击右键
+layer.on('unpick', (ev) => {}); // 图层外的操作的所有事件
+
+```
+
+
+### click
+
+点击事件
+
+### mousemove
+
+鼠标移动事件
+
+### mouseout
+
+鼠标移除
+
+### mouseup
+
+鼠标按下
+
+### mousedown
+
+鼠标向下
+
+### contextmenu
+
+鼠标右键
+
+### unclick
+
+点击未拾取到元素
+
+### unmousemove
+
+鼠标移动未拾取到元素
+
+### unmouseup
+
+鼠标抬起未拾取到元素
+
+### unmousedown
+
+鼠标按下未拾取到元素
+
+### uncontextmenu
+
+鼠标右键位拾取到元素
+
+### unpick
+所有鼠标事件未拾取到
diff --git a/docs/common/layer/options.md b/docs/common/layer/options.md
new file mode 100644
index 0000000000..c5fd5eefbb
--- /dev/null
+++ b/docs/common/layer/options.md
@@ -0,0 +1,46 @@
+## 配置项
+
+### name
+ _string_ **可选** _default:_ 自动数字编号
+
+设置图层名称,可根据 name 获取 layer;
+
+### visible
+ _bool_ **可选** _default:_ `true`
+
+图层是否可见
+
+### zIndex
+ _int_ **可选** _default:_ `0`
+
+图层绘制顺序,数值大绘制在上层,可以控制图层绘制的上下层级
+
+### minZoom
+ _number_ **可选** _default:_ `0`
+
+图层显示最小缩放等级,(0-18) {number} Mapbox (0-24) 高德 (3-18)
+
+### maxZoom
+ _number_ **可选** _default:_ `22`
+图层显示最大缩放等级 (0-18) {number} Mapbox (0-24) 高德 (3-18)
+
+### autoFit
+ _bool_ **可选** _default:_ `false`
+
+layer 初始化完成之后,是否自动缩放到图层范围 {bool } default false
+
+### pickingBuffer
+
+ _number_ **可选** _default:_ `0`
+
+图层拾取缓存机制,如 1px 宽度的线鼠标很难拾取(点击)到, 通过设置该参数可扩大拾取的范围 {number} default 0
+
+### blend
+ _string_ **可选** _default:_ `normal`
+
+图层元素混合效果
+
+- normal 正常效果 默认
+- additive 叠加模式
+- subtractive 相减模式
+- max 最大值
diff --git a/docs/common/style.md b/docs/common/style.md
new file mode 100644
index 0000000000..72d6a0ae3b
--- /dev/null
+++ b/docs/common/style.md
@@ -0,0 +1,2 @@
+
diff --git a/docs/tutorial/data.en.md b/docs/tutorial/data.en.md
index d919db48f4..504a6e41e4 100644
--- a/docs/tutorial/data.en.md
+++ b/docs/tutorial/data.en.md
@@ -2,6 +2,7 @@
title: Source
order: 2
---
+`markdown:docs/common/style.md`
## 数据
diff --git a/docs/tutorial/data.zh.md b/docs/tutorial/data.zh.md
index c58e7b5b96..7494d59d0d 100644
--- a/docs/tutorial/data.zh.md
+++ b/docs/tutorial/data.zh.md
@@ -2,7 +2,7 @@
title: 数据
order: 2
---
-
+`markdown:docs/common/style.md`
## 数据
目前L7支持的数据格式有GeoJson,CSV,JSon Image
diff --git a/docs/tutorial/demo.en.md b/docs/tutorial/demo.en.md
index 8a96ab8819..e874792f6c 100644
--- a/docs/tutorial/demo.en.md
+++ b/docs/tutorial/demo.en.md
@@ -2,7 +2,7 @@
title: Local demo
order: 1
---
-
+`markdown:docs/common/style.md`
### 一、打开L7demo页面
diff --git a/docs/tutorial/demo.zh.md b/docs/tutorial/demo.zh.md
index 1cf2ad3c79..e36e437237 100644
--- a/docs/tutorial/demo.zh.md
+++ b/docs/tutorial/demo.zh.md
@@ -2,7 +2,7 @@
title: 本地运行demo
order: 1
---
-
+`markdown:docs/common/style.md`
### 一、打开L7demo页面
diff --git a/docs/tutorial/map/amap.en.md b/docs/tutorial/map/amap.en.md
index 672e38a372..d56337d177 100644
--- a/docs/tutorial/map/amap.en.md
+++ b/docs/tutorial/map/amap.en.md
@@ -2,7 +2,7 @@
title: GaodeMap
order: 0
---
-
+`markdown:docs/common/style.md`
## 使用高德地图
### 注册账号并申请Key
diff --git a/docs/tutorial/map/amap.zh.md b/docs/tutorial/map/amap.zh.md
index d9b7a120fa..204e1f8442 100644
--- a/docs/tutorial/map/amap.zh.md
+++ b/docs/tutorial/map/amap.zh.md
@@ -2,7 +2,7 @@
title: 高德地图
order: 0
---
-
+`markdown:docs/common/style.md`
## 使用高德地图
### 注册账号并申请Key
diff --git a/docs/tutorial/map/blankmap.en.md b/docs/tutorial/map/blankmap.en.md
index e2a31f584c..5b4adf5a3a 100644
--- a/docs/tutorial/map/blankmap.en.md
+++ b/docs/tutorial/map/blankmap.en.md
@@ -2,7 +2,7 @@
title: Blank BaseMap With Mapbox
order: 2
---
-
+`markdown:docs/common/style.md`
很多情况下我们只是做些简单的地理可视化,不需要加载地图.
本教程就是告诉大家如果在L7中使用无底图模式。
diff --git a/docs/tutorial/map/blankmap.zh.md b/docs/tutorial/map/blankmap.zh.md
index 3da2d6e9f7..c64e545c5d 100644
--- a/docs/tutorial/map/blankmap.zh.md
+++ b/docs/tutorial/map/blankmap.zh.md
@@ -2,7 +2,7 @@
title: 使用无地图模式
order: 2
---
-
+`markdown:docs/common/style.md`
很多情况下我们只是做些简单的地理可视化,不需要加载地图.
本教程就是告诉大家如果在L7中使用无底图模式。
@@ -24,4 +24,4 @@ const scene = new Scene({
```
如果你只是需要做个中国地图,世界地图这样填充图,建议你采用这样的模式
-离线,无token使用
\ No newline at end of file
+离线,无token使用
diff --git a/docs/tutorial/map/mapbox.en.md b/docs/tutorial/map/mapbox.en.md
index 6d042613df..e2a694ef54 100644
--- a/docs/tutorial/map/mapbox.en.md
+++ b/docs/tutorial/map/mapbox.en.md
@@ -2,7 +2,7 @@
title: MapBox BaseMap
order: 0
---
-
+`markdown:docs/common/style.md`
## 使用Mapbox 地图
1、注册MapBox token
diff --git a/docs/tutorial/map/mapbox.zh.md b/docs/tutorial/map/mapbox.zh.md
index 27c2cf004b..85af8e4997 100644
--- a/docs/tutorial/map/mapbox.zh.md
+++ b/docs/tutorial/map/mapbox.zh.md
@@ -2,7 +2,7 @@
title: MapBox地图
order: 0
---
-
+`markdown:docs/common/style.md`
## 使用Mapbox 地图
1、注册MapBox token
diff --git a/docs/tutorial/map/offline.en.md b/docs/tutorial/map/offline.en.md
index 08b5ca2b49..ff757a3fa2 100644
--- a/docs/tutorial/map/offline.en.md
+++ b/docs/tutorial/map/offline.en.md
@@ -2,7 +2,7 @@
title: Use Offline
order: 0
---
-
+`markdown:docs/common/style.md`
目前L7 支持高德和Mapbox两种底图,高德地图由于使用在线API不能做的离线部署,如果你有离线部署的需求可以采用MapBox做底图。L7 在接口层统一了不同底图直接的差异,一套可视化代码可以运行在L7 支持的任意底图上。本文主要介绍如何离线使用,国内加速使用MapBox,同时也提供了在线的字体服务,你也可也下载到本地使用。
### L7 如何引入Mapbox
diff --git a/docs/tutorial/map/offline.zh.md b/docs/tutorial/map/offline.zh.md
index edfe51b82a..9229f074ac 100644
--- a/docs/tutorial/map/offline.zh.md
+++ b/docs/tutorial/map/offline.zh.md
@@ -2,6 +2,7 @@
title: 离线使用
order: 0
---
+`markdown:docs/common/style.md`
目前L7 支持高德和Mapbox两种底图,高德地图由于使用在线API不能做的离线部署,如果你有离线部署的需求可以采用MapBox做底图。L7 在接口层统一了不同底图直接的差异,一套可视化代码可以运行在L7 支持的任意底图上。本文主要介绍如何离线使用,国内加速使用MapBox,同时也提供了在线的字体服务,你也可也下载到本地使用。
diff --git a/docs/tutorial/quickstart.en.md b/docs/tutorial/quickstart.en.md
index 46925e20cc..944bbdf1dd 100644
--- a/docs/tutorial/quickstart.en.md
+++ b/docs/tutorial/quickstart.en.md
@@ -4,7 +4,7 @@ order: 0
redirect_from:
- /en/docs/tutorial
---
-
+`markdown:docs/common/style.md`
## L7
Current version: ![L7 2.0版本号](https://badgen.net/npm/v/@antv/l7)
diff --git a/docs/tutorial/quickstart.zh.md b/docs/tutorial/quickstart.zh.md
index 11b7b46507..392f7c7774 100644
--- a/docs/tutorial/quickstart.zh.md
+++ b/docs/tutorial/quickstart.zh.md
@@ -4,7 +4,7 @@ order: 0
redirect_from:
- /zh/docs/tutorial
---
-
+`markdown:docs/common/style.md`
# L7
Current version: ![L7 2.0版本号](https://badgen.net/npm/v/@antv/l7)
diff --git a/examples/district/basic/API.zh.md b/examples/district/basic/API.zh.md
index 71fc99313e..29adb16a3c 100644
--- a/examples/district/basic/API.zh.md
+++ b/examples/district/basic/API.zh.md
@@ -1,6 +1,8 @@
---
title: API
---
+`markdown:docs/common/style.md`
+
地图行政区划组件,支持世界地图,中国地图省市县三级,支持中国地图省市县上钻下取。
## 使用
@@ -31,77 +33,73 @@ District 支持下面几种图
- CountyLayer 县级地图
-## 构造函数
-参数:
-- scene L7 scene 对象
-- option 行政区划配置项
- - zIndex 图层绘制顺序
- - data `Array` 属性数据用于可视化渲染
- - visible 地图是否可见
- - joinBy 数据关联,属性数据如何内部空间数据关联绑定 目前支持 NAME_CHN,adcode 字段连接
+## option 行政区划配置项
+
+ ### zIndex
+
+ 图层绘制顺序
+
+ ### data `Array`
+
+ 属性数据用于可视化渲染
+ ### visible
+ 地图是否可见
+ ### joinBy
+ 数据关联,属性数据如何内部空间数据关联绑定 目前支持 NAME_CHN,adcode 字段连接
对照表 `Array [string, string]` 第一个值为空间数据字段,第二个为传入数据字段名
- - showBorder `boolean` 是否显示国界线,默认显示,不建议不显示
- - simplifyTolerance 数据抽稀容差,默认不抽稀 `boolean | number` 单位为度,一度约111km,数字越大精度越低。参考设置数据 0.01
- - depth 数据显示层级 0:国家级,1:省级,2: 市级,3:县级
- - label 标注配置项 支持常量,不支持数据映射
- - enable `boolean` 是否显示标注
- - color 标注字体颜色 常量
- - field 标注字段 常量
- - size 标注大小 常量
- - stroke 文字描边颜色
- - strokeWidth 文字描边宽度
- - textAllowOverlap 是否允许文字压盖
- - opacity 标注透明度
- - spacing: `number` 文本包围盒 padding [水平,垂直],影响碰撞检测结果,避免相邻文本靠的太近
- - padding: `[number, number]` 文本相对锚点的偏移量 [x, y]
- 其他包括 text [style 的配置](../layer/point_layer/text#style)
- - fill 填充配置项 支持数据映射
- - color 图层填充颜色,支持常量和数据映射
- 常量:统一设置成一样的颜色
- 数据映射
- - field 填充映射字段
- - values 映射值,同color方法第二个参数数组,回调函数
- - filter 图层过滤方法,支持常量和数据映射 同layer.filter方法
- 数据映射
- - field 填充映射字段
- - values 回调函数 `false` 返回值将会被过滤掉
- - style 同 polygonLayer的style方法
- - activeColor 鼠标滑过高亮颜色, `string | boolean` 如果设置为 `false`取消高亮
- - bubble 气泡图
- - enable `boolean` 是否显示气泡 default false
- - color 气泡颜色 支持常量、数据映射
- - size 气泡大小 支持常量、数据映射
- - shape 气泡形状 支持常量、数据映射
- - filter 图层过滤方法,支持常量和数据映射 同layer.filter方法
- 数据映射
- - field 填充映射字段
- - values 回调函数 `false` 返回值将会被过滤掉
- - style 气泡图样式 同 PointLayer
- - stroke 填充描边颜色 `ProvinceLayer, CityLayer, CountyLayer`
- - strokeWidth 填充描边宽度 `ProvinceLayer, CityLayer, CountyLayer`
- - autoFit 是否自动缩放到图层范围 `boolean`
- - popup 信息窗口
- - enable 是否开启 `boolean`
- - triggerEvent 触发事件 例如 'mousemove' | 'click';
- - Html popup html字符串,支持回调函数 (properties: any) => string;
+ ### showBorder `boolean`
+ 是否显示国界线,默认显示,不建议不显示
- - chinaNationalStroke 中国国界线颜色 `CountryLayer`
- - chinaNationalWidth 中国国界线宽度 `CountryLayer`
- - coastlineStroke 海岸线颜色 `CountryLayer`
- - coastlineWidth 海岸线宽度 `WorldLayer` `CountryLayer`
- - nationalWidth 国界线 `WorldLayer` `CountryLayer`
- - nationalStroke 国界线 `WorldLayer` `CountryLayer`
- - provinceStroke 省界颜色 `CountryLayer depth= 0,1,2时生效`
- - provinceStrokeWidth 省界宽度 `CountryLayer depth = 0,1,2时生效 `
- - cityStroke 市级边界颜色 `CountryLayer depth =1,2时生效`
- - cityStrokeWidth 市级边界宽度 `CountryLayer depth =1,2 时生效`
- - countyStroke 县级边界颜色 `CountryLayer depth =2时生效`
- - countyStrokeWidth 县级边界宽度 `CountryLayer depth =2时生效`
+ ### simplifyTolerance
+ 数据抽稀容差,默认不抽稀 `boolean | number` 单位为度,一度约111km,数字越大精度越低。参考设置数据 0.01
+ ### depth
+ 数据显示层级 0:国家级,1:省级,2: 市级,3:县级
-⛔ ProvinceLayer, CityLayer, CountyLayer 如需要设置描边颜色,宽度使用storke,strokeWidth配置。
+ ### stroke 填充描边颜色
+ `ProvinceLayer, CityLayer, CountyLayer`
+ ### strokeWidth 填充描边宽度
+ `ProvinceLayer, CityLayer, CountyLayer`
-### 数据
+ ### autoFit
+
+ 是否自动缩放到图层范围 `boolean`
+
+ ### chinaNationalStroke
+ 中国国界线颜色 `CountryLayer`
+
+ ### chinaNationalWidth
+ 中国国界线宽度 `CountryLayer`
+ ### coastlineStroke
+ 海岸线颜色 `CountryLayer`
+ ### coastlineWidth
+ 海岸线宽度 `WorldLayer` `CountryLayer`
+ ### nationalWidth
+ 国界线 `WorldLayer` `CountryLayer`
+ ### nationalStroke
+ 国界线 `WorldLayer` `CountryLayer`
+ ### provinceStroke
+ 省界颜色 `CountryLayer depth= 0,1,2时生效`
+ ### provinceStrokeWidth
+ 省界宽度 `CountryLayer depth = 0,1,2时生效 `
+ ### cityStroke 市级边界颜色
+ `CountryLayer depth =1,2时生效`
+ ### cityStrokeWidth 市级边界宽度
+ `CountryLayer depth =1,2 时生效`
+ ### countyStroke
+ 县级边界颜色 `CountryLayer depth =2时生效`
+ ### countyStrokeWidth
+ 县级边界宽度 `CountryLayer depth =2时生效`
+
+
+`markdown:docs/common/district/label.md`
+
+`markdown:docs/common/district/fill.zh.md`
+
+`markdown:docs/common/district/bubble.zh.md`
+
+
+## 数据
District 提供polygon数据需要跟用户的属性数据,通过关系字段进行连接
- [国家名称对照表](https://gw.alipayobjects.com/os/bmw-prod/b6fcd072-72a7-4875-8e05-9652ffc977d9.csv)
@@ -110,14 +108,14 @@ District 提供polygon数据需要跟用户的属性数据,通过关系字段
- [市级行政区划及编码](https://gw.alipayobjects.com/os/bmw-prod/d2aefd78-f5df-486f-9310-7449cc7f5569.csv)
- [县级行政区名称级编码](https://gw.alipayobjects.com/os/bmw-prod/fafd299e-0e1e-4fa2-a8ac-10a984c6e983.csv)
-### 属性
+## 属性
行政区划组件每个图层有多个子图层组成,如标注层,国界线、省界线等等,
- #### fillLayer
+ ### fillLayer
图层事件可以通过该属性进行设置
-### 方法
+## 方法
#### updateData(data, joinBy)
更新显示数据,
@@ -130,14 +128,16 @@ District 提供polygon数据需要跟用户的属性数据,通过关系字段
获取填充数据,可用于绘制独立的边界线
-#### show
+### show
显示图层
-#### hide
+### hide
图层隐藏不显示
-#### destroy
+### destroy
移除并销毁图层
+## 事件
+
diff --git a/examples/district/basic/index.zh.md b/examples/district/basic/index.zh.md
index 8c4918c42d..afba1bfa88 100644
--- a/examples/district/basic/index.zh.md
+++ b/examples/district/basic/index.zh.md
@@ -1,4 +1,4 @@
---
-title: Filled
+title: 填充图
order: 1
---
diff --git a/examples/district/bubble/API.en.md b/examples/district/bubble/API.en.md
index f7ed68ee12..ee66df11ca 100644
--- a/examples/district/bubble/API.en.md
+++ b/examples/district/bubble/API.en.md
@@ -1,6 +1,7 @@
---
title: API
---
+`markdown:docs/common/style.md`
地图行政区划组件,支持世界地图,中国地图省市县三级,支持中国地图省市县上钻下取。
## 使用
diff --git a/examples/district/bubble/API.zh.md b/examples/district/bubble/API.zh.md
index f7ed68ee12..acd6f9e87b 100644
--- a/examples/district/bubble/API.zh.md
+++ b/examples/district/bubble/API.zh.md
@@ -1,6 +1,7 @@
---
title: API
---
+`markdown:docs/common/style.md`
地图行政区划组件,支持世界地图,中国地图省市县三级,支持中国地图省市县上钻下取。
## 使用
@@ -89,29 +90,29 @@ District 提供polygon数据需要跟用户的属性数据,通过关系字段
- [市级行政区划及编码](https://gw.alipayobjects.com/os/bmw-prod/d2aefd78-f5df-486f-9310-7449cc7f5569.csv)
- [县级行政区名称级编码](https://gw.alipayobjects.com/os/bmw-prod/fafd299e-0e1e-4fa2-a8ac-10a984c6e983.csv)
-### 属性
+## 属性
行政区划组件每个图层有多个子图层组成,如标注层,国界线、省界线等等,
- #### fillLayer
+ ### fillLayer
### 方法
-#### updateData(data, joinBy)
+### updateData(data, joinBy)
更新显示数据,
参数:
- data 需要更新的数据
- joinBy 关联字段 可选,如果不设置保持和初始化一致。
-#### show
+### show
显示图层
-#### hide
+### hide
图层隐藏不显示
-#### destroy
+### destroy
移除并销毁图层
diff --git a/examples/heatmap/grid/API.en.md b/examples/heatmap/grid/API.en.md
new file mode 100644
index 0000000000..3977efb7aa
--- /dev/null
+++ b/examples/heatmap/grid/API.en.md
@@ -0,0 +1 @@
+`markdown:docs/api/layer/heatmap_layer/grid.en.md`
diff --git a/examples/heatmap/grid/API.zh.md b/examples/heatmap/grid/API.zh.md
new file mode 100644
index 0000000000..b6c3a5b064
--- /dev/null
+++ b/examples/heatmap/grid/API.zh.md
@@ -0,0 +1,2 @@
+`markdown:docs/api/layer/heatmap_layer/grid.zh.md`
+
diff --git a/examples/heatmap/heatmap/API.en.md b/examples/heatmap/heatmap/API.en.md
new file mode 100644
index 0000000000..fc17c15992
--- /dev/null
+++ b/examples/heatmap/heatmap/API.en.md
@@ -0,0 +1 @@
+`markdown:docs/api/layer/heatmap_layer/normal.en.md`
diff --git a/examples/heatmap/heatmap/API.zh.md b/examples/heatmap/heatmap/API.zh.md
new file mode 100644
index 0000000000..da86c21b2d
--- /dev/null
+++ b/examples/heatmap/heatmap/API.zh.md
@@ -0,0 +1,2 @@
+`markdown:docs/api/layer/heatmap_layer/normal.zh.md`
+
diff --git a/examples/heatmap/hexagon/API.en.md b/examples/heatmap/hexagon/API.en.md
new file mode 100644
index 0000000000..86e25b659c
--- /dev/null
+++ b/examples/heatmap/hexagon/API.en.md
@@ -0,0 +1 @@
+`markdown:docs/api/layer/heatmap_layer/hexagon.en.md`
diff --git a/examples/heatmap/hexagon/API.zh.md b/examples/heatmap/hexagon/API.zh.md
new file mode 100644
index 0000000000..64351e30b1
--- /dev/null
+++ b/examples/heatmap/hexagon/API.zh.md
@@ -0,0 +1,2 @@
+`markdown:docs/api/layer/heatmap_layer/hexagon.zh.md`
+
diff --git a/examples/line/animate/API.en.md b/examples/line/animate/API.en.md
new file mode 100644
index 0000000000..840aebab0a
--- /dev/null
+++ b/examples/line/animate/API.en.md
@@ -0,0 +1 @@
+`markdown:docs/api/layer/line_layer/linelayer.en.md`
diff --git a/examples/line/animate/API.zh.md b/examples/line/animate/API.zh.md
new file mode 100644
index 0000000000..fd0b3080b6
--- /dev/null
+++ b/examples/line/animate/API.zh.md
@@ -0,0 +1,2 @@
+`markdown:docs/api/layer/line_layer/linelayer.zh.md`
+
diff --git a/examples/line/arc/API.en.md b/examples/line/arc/API.en.md
new file mode 100644
index 0000000000..deec723ffa
--- /dev/null
+++ b/examples/line/arc/API.en.md
@@ -0,0 +1 @@
+`markdown:docs/api/layer/line_layer/arc.en.md`
diff --git a/examples/line/arc/API.zh.md b/examples/line/arc/API.zh.md
new file mode 100644
index 0000000000..2a46a487bd
--- /dev/null
+++ b/examples/line/arc/API.zh.md
@@ -0,0 +1,2 @@
+`markdown:docs/api/layer/line_layer/arc.zh.md`
+
diff --git a/examples/line/isoline/API.en.md b/examples/line/isoline/API.en.md
new file mode 100644
index 0000000000..37885ce237
--- /dev/null
+++ b/examples/line/isoline/API.en.md
@@ -0,0 +1 @@
+`markdown:docs/api/layer/line_layer/path.en.md`
diff --git a/examples/line/isoline/API.zh.md b/examples/line/isoline/API.zh.md
new file mode 100644
index 0000000000..6fdec3f273
--- /dev/null
+++ b/examples/line/isoline/API.zh.md
@@ -0,0 +1,2 @@
+`markdown:docs/api/layer/line_layer/path.zh.md`
+
diff --git a/examples/line/path/API.en.md b/examples/line/path/API.en.md
new file mode 100644
index 0000000000..37885ce237
--- /dev/null
+++ b/examples/line/path/API.en.md
@@ -0,0 +1 @@
+`markdown:docs/api/layer/line_layer/path.en.md`
diff --git a/examples/line/path/API.zh.md b/examples/line/path/API.zh.md
new file mode 100644
index 0000000000..6fdec3f273
--- /dev/null
+++ b/examples/line/path/API.zh.md
@@ -0,0 +1,2 @@
+`markdown:docs/api/layer/line_layer/path.zh.md`
+
diff --git a/examples/point/bubble/API.en.md b/examples/point/bubble/API.en.md
new file mode 100644
index 0000000000..acb4a8de6e
--- /dev/null
+++ b/examples/point/bubble/API.en.md
@@ -0,0 +1 @@
+`markdown:docs/api/layer/point_layer/bubble.en.md`
diff --git a/examples/point/bubble/API.zh.md b/examples/point/bubble/API.zh.md
new file mode 100644
index 0000000000..0c153d54da
--- /dev/null
+++ b/examples/point/bubble/API.zh.md
@@ -0,0 +1,2 @@
+`markdown:docs/api/layer/point_layer/bubble.zh.md`
+
diff --git a/examples/point/chart/API.en.md b/examples/point/chart/API.en.md
new file mode 100644
index 0000000000..60dbcbd93a
--- /dev/null
+++ b/examples/point/chart/API.en.md
@@ -0,0 +1 @@
+`markdown:docs/api/layer/point_layer/chart.en.md`
diff --git a/examples/point/chart/API.zh.md b/examples/point/chart/API.zh.md
new file mode 100644
index 0000000000..6df53c8522
--- /dev/null
+++ b/examples/point/chart/API.zh.md
@@ -0,0 +1,2 @@
+`markdown:docs/api/layer/point_layer/chart.zh.md`
+
diff --git a/examples/point/cluster/API.en.md b/examples/point/cluster/API.en.md
new file mode 100644
index 0000000000..acb4a8de6e
--- /dev/null
+++ b/examples/point/cluster/API.en.md
@@ -0,0 +1 @@
+`markdown:docs/api/layer/point_layer/bubble.en.md`
diff --git a/examples/point/cluster/API.zh.md b/examples/point/cluster/API.zh.md
new file mode 100644
index 0000000000..0c153d54da
--- /dev/null
+++ b/examples/point/cluster/API.zh.md
@@ -0,0 +1,2 @@
+`markdown:docs/api/layer/point_layer/bubble.zh.md`
+
diff --git a/examples/point/column/API.en.md b/examples/point/column/API.en.md
new file mode 100644
index 0000000000..acb4a8de6e
--- /dev/null
+++ b/examples/point/column/API.en.md
@@ -0,0 +1 @@
+`markdown:docs/api/layer/point_layer/bubble.en.md`
diff --git a/examples/point/column/API.zh.md b/examples/point/column/API.zh.md
new file mode 100644
index 0000000000..0c153d54da
--- /dev/null
+++ b/examples/point/column/API.zh.md
@@ -0,0 +1,2 @@
+`markdown:docs/api/layer/point_layer/bubble.zh.md`
+
diff --git a/examples/point/dot/API.en.md b/examples/point/dot/API.en.md
new file mode 100644
index 0000000000..37e4a28f84
--- /dev/null
+++ b/examples/point/dot/API.en.md
@@ -0,0 +1 @@
+`markdown:docs/api/layer/point_layer/dot.en.md`
diff --git a/examples/point/dot/API.zh.md b/examples/point/dot/API.zh.md
new file mode 100644
index 0000000000..0c3e263b3e
--- /dev/null
+++ b/examples/point/dot/API.zh.md
@@ -0,0 +1,2 @@
+`markdown:docs/api/layer/point_layer/dot.zh.md`
+
diff --git a/examples/point/image/API.en.md b/examples/point/image/API.en.md
new file mode 100644
index 0000000000..acb4a8de6e
--- /dev/null
+++ b/examples/point/image/API.en.md
@@ -0,0 +1 @@
+`markdown:docs/api/layer/point_layer/bubble.en.md`
diff --git a/examples/point/image/API.zh.md b/examples/point/image/API.zh.md
new file mode 100644
index 0000000000..0c153d54da
--- /dev/null
+++ b/examples/point/image/API.zh.md
@@ -0,0 +1,2 @@
+`markdown:docs/api/layer/point_layer/bubble.zh.md`
+
diff --git a/examples/point/marker/API.en.md b/examples/point/marker/API.en.md
new file mode 100644
index 0000000000..acb4a8de6e
--- /dev/null
+++ b/examples/point/marker/API.en.md
@@ -0,0 +1 @@
+`markdown:docs/api/layer/point_layer/bubble.en.md`
diff --git a/examples/point/marker/API.zh.md b/examples/point/marker/API.zh.md
new file mode 100644
index 0000000000..0c153d54da
--- /dev/null
+++ b/examples/point/marker/API.zh.md
@@ -0,0 +1,2 @@
+`markdown:docs/api/layer/point_layer/bubble.zh.md`
+
diff --git a/examples/point/scatter/API.en.md b/examples/point/scatter/API.en.md
new file mode 100644
index 0000000000..7c18d65f80
--- /dev/null
+++ b/examples/point/scatter/API.en.md
@@ -0,0 +1 @@
+`markdown:docs/api/layer/point_layer/scatter.en.md`
diff --git a/examples/point/scatter/API.zh.md b/examples/point/scatter/API.zh.md
new file mode 100644
index 0000000000..99e5a1b1ff
--- /dev/null
+++ b/examples/point/scatter/API.zh.md
@@ -0,0 +1,2 @@
+`markdown:docs/api/layer/point_layer/scatter.zh.md`
+
diff --git a/examples/point/text/API.en.md b/examples/point/text/API.en.md
new file mode 100644
index 0000000000..a35c2b03d6
--- /dev/null
+++ b/examples/point/text/API.en.md
@@ -0,0 +1 @@
+`markdown:docs/api/layer/point_layer/text.en.md`
diff --git a/examples/point/text/API.zh.md b/examples/point/text/API.zh.md
new file mode 100644
index 0000000000..7c0a0b1def
--- /dev/null
+++ b/examples/point/text/API.zh.md
@@ -0,0 +1,2 @@
+`markdown:docs/api/layer/point_layer/text.zh.md`
+
diff --git a/examples/polygon/3d/API.en.md b/examples/polygon/3d/API.en.md
new file mode 100644
index 0000000000..85ff914074
--- /dev/null
+++ b/examples/polygon/3d/API.en.md
@@ -0,0 +1 @@
+`markdown:docs/api/layer/polygon_layer/extrude.zh.md`
diff --git a/examples/polygon/3d/API.zh.md b/examples/polygon/3d/API.zh.md
new file mode 100644
index 0000000000..9f99baa354
--- /dev/null
+++ b/examples/polygon/3d/API.zh.md
@@ -0,0 +1,2 @@
+`markdown:docs/api/layer/polygon_layer/extrude.zh.md`
+
diff --git a/examples/polygon/fill/API.en.md b/examples/polygon/fill/API.en.md
new file mode 100644
index 0000000000..1abcd9d8a2
--- /dev/null
+++ b/examples/polygon/fill/API.en.md
@@ -0,0 +1 @@
+`markdown:docs/api/layer/polygon_layer/fill.zh.md`
diff --git a/examples/polygon/fill/API.zh.md b/examples/polygon/fill/API.zh.md
new file mode 100644
index 0000000000..5d454b741d
--- /dev/null
+++ b/examples/polygon/fill/API.zh.md
@@ -0,0 +1,2 @@
+`markdown:docs/api/layer/polygon_layer/fill.zh.md`
+
diff --git a/examples/raster/basic/API.en.md b/examples/raster/basic/API.en.md
new file mode 100644
index 0000000000..9ca02f358a
--- /dev/null
+++ b/examples/raster/basic/API.en.md
@@ -0,0 +1 @@
+`markdown:docs/api/layer/raster_layer.en.md`
diff --git a/examples/raster/basic/API.zh.md b/examples/raster/basic/API.zh.md
new file mode 100644
index 0000000000..14f7ed6efb
--- /dev/null
+++ b/examples/raster/basic/API.zh.md
@@ -0,0 +1,2 @@
+`markdown:docs/api/layer/raster_layer.zh.md`
+
diff --git a/examples/react/control/API.en.md b/examples/react/control/API.en.md
index efb86be3ba..7bc40e504c 100644
--- a/examples/react/control/API.en.md
+++ b/examples/react/control/API.en.md
@@ -1,6 +1,7 @@
---
title: API
---
+`markdown:docs/common/style.md`
## Popup Props
| prop name | Type | Default | Description |
diff --git a/examples/react/control/API.zh.md b/examples/react/control/API.zh.md
index efb86be3ba..7bc40e504c 100644
--- a/examples/react/control/API.zh.md
+++ b/examples/react/control/API.zh.md
@@ -1,6 +1,7 @@
---
title: API
---
+`markdown:docs/common/style.md`
## Popup Props
| prop name | Type | Default | Description |
diff --git a/examples/react/layer/API.en.md b/examples/react/layer/API.en.md
index 42c7dcdbf6..25d4d32080 100644
--- a/examples/react/layer/API.en.md
+++ b/examples/react/layer/API.en.md
@@ -1,6 +1,7 @@
---
title: API
---
+`markdown:docs/common/style.md`
## Layer 类型
React 各个组件名称和 L7 名称保持一致
diff --git a/examples/react/layer/API.zh.md b/examples/react/layer/API.zh.md
index 42c7dcdbf6..25d4d32080 100644
--- a/examples/react/layer/API.zh.md
+++ b/examples/react/layer/API.zh.md
@@ -1,6 +1,7 @@
---
title: API
---
+`markdown:docs/common/style.md`
## Layer 类型
React 各个组件名称和 L7 名称保持一致
diff --git a/examples/react/scene/API.en.md b/examples/react/scene/API.en.md
index f69881da9f..7dfaf9a1cc 100644
--- a/examples/react/scene/API.en.md
+++ b/examples/react/scene/API.en.md
@@ -1,6 +1,7 @@
---
title: API
---
+`markdown:docs/common/style.md`
## 使用
diff --git a/examples/react/scene/API.zh.md b/examples/react/scene/API.zh.md
index f69881da9f..7dfaf9a1cc 100644
--- a/examples/react/scene/API.zh.md
+++ b/examples/react/scene/API.zh.md
@@ -1,6 +1,7 @@
---
title: API
---
+`markdown:docs/common/style.md`
## 使用
diff --git a/gatsby-config.js b/gatsby-config.js
index 7364546dca..43ac071d76 100644
--- a/gatsby-config.js
+++ b/gatsby-config.js
@@ -12,6 +12,8 @@ module.exports = {
description: 'Large-scale WebGL-powered Geospatial data visualization analysis framework',
siteUrl: 'https://l7.antv.vision',
githubUrl: 'https://github.com/antvis/L7',
+ showChartResize: true, // 是否在demo页展示图表视图切换
+ showAPIDoc: true, // 是否在demo页展示API文档
navs: [
{
slug: 'docs/api',
@@ -266,7 +268,7 @@ module.exports = {
}
],
playground: {
- container: '',
+ container: '',
dependencies: {
'@antv/l7': 'latest',
'@antv/l7-maps': 'latest'
diff --git a/package.json b/package.json
index 451d3ee516..32ea31989e 100644
--- a/package.json
+++ b/package.json
@@ -10,7 +10,6 @@
"@antv/l7-district": "^2.2.42",
"@antv/l7-draw": "^2.3.40",
"@antv/l7-react": "^2.2.37",
- "@antv/l7-district": "^2.2.37",
"@antv/gatsby-theme-antv": "^1.0.0-beta.11",
"@babel/cli": "^7.6.4",
"@babel/core": "^7.6.4",
diff --git a/yarn.lock b/yarn.lock
index 2efc051d74..1be537bbb1 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -267,7 +267,7 @@
react-dat-gui "^4.0.3"
simplify-geojson "^1.0.3"
-"@antv/l7-draw@2.3.40":
+"@antv/l7-draw@^2.3.40":
version "2.3.40"
resolved "https://registry.npmjs.org/@antv/l7-draw/-/l7-draw-2.3.40.tgz#21a04626a06add9fc053dbf7f69e42a295dac073"
integrity sha512-ZkrDlFI8iKWHBCZBxlVTmq+vrtPsrMQ7AxB41y6Fj+Tp7bU+HSY8ziZ7Po6UfCHNdNz6+ll0RCYQoLa/UciQuQ==