Draw doc

.travis.yml

@@ -33,6 +33,7 @@ script:
   - yarn lint
   - yarn test
   - yarn build
+  - yarn bundle
 
 notifications:
-   webhooks: $dingdingWebhooks
+   webhooks: ${dingdingWebhooks}

build/bundle.ts

@@ -1,10 +1,2 @@
 // @ts-ignore
 export * from '@antv/l7';
-// import * as L7 from '@antv/l7';
-// export default L7;
-
-// import { Scene } from '@antv/l7';
-// // export { Scene };
-// export default {
-//   Scene,
-// };

docs/api/layer/line_layer/arc.en.md

@@ -54,6 +54,14 @@ layer.animate({
 
 })
 ```
+
+##### 参数动画介绍
+L7 目前动画参数为相对单位，我们默认一条线段的长度为1
+![L7 动画参数](https://gw.alipayobjects.com/mdn/rms_855bab/afts/img/A*IBBfSIkb51cAAAAAAAAAAABkARQnAQ)
+
+如果 interval = 0.2,则一条轨迹将会分成5段，如果 interval = 0.5 则为两段。
+
+
 ### 示例代码
 
 ```javascript

docs/api/layer/line_layer/arc.zh.md

@@ -53,6 +53,12 @@ layer.animate({
 
 })
 ```
+##### 参数动画介绍
+L7 目前动画参数为相对单位，我们默认一条线段的长度为1
+![L7 动画参数](https://gw.alipayobjects.com/mdn/rms_855bab/afts/img/A*IBBfSIkb51cAAAAAAAAAAABkARQnAQ)
+
+如果 interval = 0.2,则一条轨迹将会分成5段，如果 interval = 0.5 则为两段。
+
 
 
 ### 示例代码

docs/api/layer/line_layer/path.en.md

@@ -44,6 +44,12 @@ layer.animate({
 
 })
 ```
+##### 参数动画介绍
+L7 目前动画参数为相对单位，我们默认一条线段的长度为1
+![L7 动画参数](https://gw.alipayobjects.com/mdn/rms_855bab/afts/img/A*IBBfSIkb51cAAAAAAAAAAABkARQnAQ)
+
+如果 interval = 0.2,则一条轨迹将会分成5段，如果 interval = 0.5 则为两段。
+
 
 
 

docs/api/layer/line_layer/path.zh.md

@@ -45,5 +45,13 @@ layer.animate({
 })
 ```
 
+##### 参数动画介绍
+L7 目前动画参数为相对单位，我们默认一条线段的长度为1
+![L7 动画参数](https://gw.alipayobjects.com/mdn/rms_855bab/afts/img/A*IBBfSIkb51cAAAAAAAAAAABkARQnAQ)
+
+如果 interval = 0.2,则一条轨迹将会分成5段，如果 interval = 0.5 则为两段。
+
+
+
 
 

docs/tutorial/interactive/hightlight.en.md

@@ -0,0 +1,67 @@
+---
+title: HightLight
+order: 0
+---
+地理可视化除了数据展示，还需要用户交互，用户交互一般分为两种
+- 图层交互
+- 数据交互
+
+### 图层交互
+
+鼠标在可视化图层上进行相关操作，然后图层会有相应的响应。L7 Layer图层目前原生支持两种地图
+- active 鼠标滑过高亮
+- select 鼠标选中高亮
+
+#### active
+
+[layer active](../../api/layer/layer/#图层交互方法)
+```javascript
+// 开启 Active  使用默认高亮颜色
+layer.active(true)
+
+//  开启 Active  自定义高亮颜色
+
+layer.active({
+  color: 'red'
+})
+
+// 关闭高亮效果
+layer.active(false)
+
+```
+
+#### select
+[layer active](../../api/layer/layer/#图层交互方法)
+
+```javascript
+// 开启 Active  使用默认高亮颜色
+layer.select(true)
+
+//  开启 Active  自定义高亮颜色
+
+layer.select({
+  color: 'red'
+})
+
+// 关闭高亮效果
+layer.select(false)
+
+```
+
+### 数据交互
+
+有些时候我们可能需要直接指定某个数据高亮，比如鼠标点击数据面板的数据，我们需要高亮地图对应的元素
+
+#### setActive
+
+```javascript
+layer.setActive(id);
+```
+
+#### setSelect
+
+```javascript
+layer.setSelect(id);
+```
+
+