refactor(l7 lib): update libs

README.md

@@ -16,7 +16,7 @@ L7 Large-scale WebGL-powered Geospatial data visualization analysis framework
 ### Installation
 
 ```
- npm install @antv/l7
+ npm install @antv/l7@beta
 
 ```
 

demos/raster/basic/demo/image.js

@@ -1,5 +1,5 @@
-import { Scene } from '@l7/scene';
+
-import { ImageLayer } from '@l7/layers'
+import { Scene,ImageLayer } from '@antv/l7';
 const scene = new Scene({
   id: 'map',
   pitch: 0,

docs/api/quickstart.en.md

@@ -1,5 +1,5 @@
 ---
-title: quickStart
+title: QuickStart
 order: 0
 redirect_from:
   - /en/docs/tutorial

docs/api/scene.en.md

@@ -1,15 +1,40 @@
 ---
-title: Scene
+title: 场景 Scene
 order: 1
 ---
 
-## 简介
+# 简介
-`Scene `基础的地图类,提供地图创建，图层创建，管理等功能
+
+## Scene
+
+L7 地理可视化 地图，图层，组件，以及可视化所需要的资源，如图片，字体通过Scene统一管理
+
+
+## Map
+
+ L7 地理可视化侧重于地理数据的可视化表达，地图层需要依赖第三方地图，第三方地图通过Scene 统一创建，创建管理
+ 只需要通过Scene传入地图配置项即可。
+
+目前L7 支持两种地图底图
+
+- 高德地图 国内业务场景 合规中国地图
+- MapBox 国际业务，或者内网离线部署场景
+
+
+###  map
+
+可以通过scene map 属性获取 map实例
+
+```javascript
+ const map = scene.map
+
+```
+为了统一不通底图之前的接口差异 L7 在scene层对map的方法做了统一，因此一些地图的操作方法可以通过scene调用这样，切换不同底图时保证表现一致。
 
 示例代码
 
 ```javascript
-import {Scene} from '@l7/scene';
+import {Scene} from '@antv/scene';
 const scene =new L7.Scene({
     id:'map',
     mapStyle:'dark',
@@ -21,75 +46,15 @@ const scene =new L7.Scene({
 
 ### 构造函数
 
-**Scene**<br />支持两种实例化方式
+**Scene** 
-
-- 独立实例化 内部根据id自动穿件地图实例
-- 传入地图实例
 
 
 
 
-
-#### 独立实例化 Scene
-
-```javascript
-const scene = new L7.Scene({
-  id: 'map',
-  mapStyle: 'dark', 
-  center: [ 120.19382669582967, 30.258134 ],
-  pitch: 0,
-  zoom: 12,
-  maxZoom:20,
-  minZoom:0,
-});
-```
-
-
-#### 根据map 实例创建Sence
-
-_L7 基于高德地图3D模式开发的，因此传入Map实例 __viewModes需要设置成3d_<br />_
-```javascript
-var mapinstance = new AMap.Map('map',{
-    center: [ 120.19382669582967, 30.258134 ],
-    viewMode: '3D',
-    pitch: 0,
-    zoom: 12,
-    maxZoom:20,
-    minZoom:0,
- });
-
-const scene = new L7.Scene({
-  mapStyle: 'dark',
-  map:mapinstance
-});
-```
-
-
-## map
-L7 在scene 下保留了高德地图实例，可以通过scene.map 调用高德地图的map方法。<br />map 实例方法见[高德地图文档](https://lbs.amap.com/api/javascript-api/reference/map)
-
-```javascript
-scene.map
-```
-
-
-## 构造类
-
-### PointLayer
-新建点图层
-
-### PolylineLayer
-新建线图层
-
-### PolygonLayer
-新建面图层
-
-### ImageLayer
-新建图片图层
-
-
 ## 配置项
 
+### 地图配置项
+
 ### id
 需传入 dom 容器或者容器 id  {domObject || string} [必选]
 
@@ -103,10 +68,23 @@ scene.map
 ### pitch
 地图初始俯仰角度 {number}  default 0
 
-### mapSyle
+### style
-地图样式 {style} 目前仅支持高德地图。 default 'dark'<br />L7 内置三种种默认地图样式 dark | light|blank 空地图
 
-设置地图的显示样式，目前支持两种地图样式：<br />第一种：自定义地图样式，如`"amap://styles/d6bf8c1d69cea9f5c696185ad4ac4c86"`<br />可前往[地图自定义平台](https://lbs.amap.com/dev/mapstyle/index)定制自己的个性地图样式；<br />第二种：官方样式模版,如`"amap://styles/grey"`。<br />其他模版样式及自定义地图的使用说明见[开发指南](https://lbs.amap.com/api/javascript-api/guide/create-map/mapstye/)
+简化地图样式设置，L7 内置了三种主题默认样式 高德，mapbox 都可以使用
+- dark
+- light
+- normal
+
+除了内置的样式，你也可以传入自定义的其他属性。
+
+比如高德地图
+
+```javascript
+ {
+   style:'amap://styles/2a09079c3daac9420ee53b67307a8006?isPublic=true' // 设置方法和高德地图一致
+ }
+
+```
 
 
 ### minZoom
@@ -227,21 +205,6 @@ scene.setPitch(pitch)
 
 参数 :<br />   `pitch`  {number}
 
-### 
-
-### setStatus
-设置当前地图显示状态，包括是否可鼠标拖拽移动地图、地图是否可缩放、地图是否可旋转（rotateEnable）、是否可双击放大地图、是否可以通过键盘控制地图旋转（keyboardEnable）等   
-
-```javascript
-    scene.setStatus({
-      dragEnable: true,
-      keyboardEnable: true,
-      doubleClickZoom: true,
-      zoomEnable: true,
-      rotateEnable: true
-    });
-```
-
 
 ### fitBounds
 地图缩放到某个范围内<br />参数 :<br />  `extent` { array} 经纬度范围 [minlng,minlat,maxlng,maxlat]
@@ -259,7 +222,7 @@ scene.fitBounds([112,32,114,35]);
 scene.removeLayer(layer)
 ```
 
-参数<br />`layer`  {Layer}
+参数 `layer`  {Layer}
 
 ### getLayers
  获取所有的layer

docs/api/scene.zh.md

@@ -21,11 +21,20 @@ L7 地理可视化 地图，图层，组件，以及可视化所需要的资源
 - MapBox 国际业务，或者内网离线部署场景
 
 
+###  map
+
+可以通过scene map 属性获取 map实例
+
+```javascript
+ const map = scene.map
+
+```
+为了统一不通底图之前的接口差异 L7 在scene层对map的方法做了统一，因此一些地图的操作方法可以通过scene调用这样，切换不同底图时保证表现一致。
 
 示例代码
 
 ```javascript
-import {Scene} from '@l7/scene';
+import {Scene} from '@antv/scene';
 const scene =new L7.Scene({
     id:'map',
     mapStyle:'dark',
@@ -42,15 +51,6 @@ const scene =new L7.Scene({
 
 
 
-
-
-## map
-L7 在scene 下保留了高德地图实例，可以通过scene.map 调用高德地图的map方法。<br />map 实例方法见[高德地图文档](https://lbs.amap.com/api/javascript-api/reference/map)
-
-```javascript
-scene.map
-```
-
 ## 配置项
 
 ### 地图配置项
@@ -68,16 +68,23 @@ scene.map
 ### pitch
 地图初始俯仰角度 {number}  default 0
 
-### mapSyle
+### style
 
-简化地图样式设置，L7 内置了三种主题默认样式
+简化地图样式设置，L7 内置了三种主题默认样式 高德，mapbox 都可以使用
 - dark
 - light
 - normal
 
-地图样式 {style} 目前仅支持高德地图。 default 'dark'<br />L7 内置三种种默认地图样式 dark | light|blank 空地图
+除了内置的样式，你也可以传入自定义的其他属性。
 
-设置地图的显示样式，目前支持两种地图样式：<br />第一种：自定义地图样式，如`"amap://styles/d6bf8c1d69cea9f5c696185ad4ac4c86"`<br />可前往[地图自定义平台](https://lbs.amap.com/dev/mapstyle/index)定制自己的个性地图样式；<br />第二种：官方样式模版,如`"amap://styles/grey"`。<br />其他模版样式及自定义地图的使用说明见[开发指南](https://lbs.amap.com/api/javascript-api/guide/create-map/mapstye/)
+比如高德地图
+
+```javascript
+ {
+   style:'amap://styles/2a09079c3daac9420ee53b67307a8006?isPublic=true' // 设置方法和高德地图一致
+ }
+
+```
 
 
 ### minZoom
@@ -198,21 +205,6 @@ scene.setPitch(pitch)
 
 参数 :<br />   `pitch`  {number}
 
-### 
-
-### setStatus
-设置当前地图显示状态，包括是否可鼠标拖拽移动地图、地图是否可缩放、地图是否可旋转（rotateEnable）、是否可双击放大地图、是否可以通过键盘控制地图旋转（keyboardEnable）等   
-
-```javascript
-    scene.setStatus({
-      dragEnable: true,
-      keyboardEnable: true,
-      doubleClickZoom: true,
-      zoomEnable: true,
-      rotateEnable: true
-    });
-```
-
 
 ### fitBounds
 地图缩放到某个范围内<br />参数 :<br />  `extent` { array} 经纬度范围 [minlng,minlat,maxlng,maxlat]
@@ -230,7 +222,7 @@ scene.fitBounds([112,32,114,35]);
 scene.removeLayer(layer)
 ```
 
-参数<br />`layer`  {Layer}
+参数 `layer`  {Layer}
 
 ### getLayers
  获取所有的layer

examples/gallery/basic/demo/arcCircle.js

@@ -1,5 +1,4 @@
-import { LineLayer } from '@l7/layers';
+import { Scene, LineLayer } from '@antv/l7';
-import { Scene } from '@l7/scene';
 const scene = new Scene({
   id: 'map',
   pitch: 0,

examples/gallery/basic/demo/bus_dark.js

@@ -1,5 +1,4 @@
-import { Scene } from '@l7/scene';
+import { Scene, LineLayer } from '@antv/l7';
-import { LineLayer } from '@l7/layers';
 const scene = new Scene({
   id: 'map',
   center: [ 103.83735604457024, 1.360253881403068 ],

examples/gallery/basic/demo/column_dark.js

@@ -1,6 +1,4 @@
-import { Scene } from '@l7/scene';
+import { Scene, PointLayer } from '@antv/l7';
-import { PointLayer } from '@l7/layers';
-
 const scene = new Scene({
   id: 'map',
   pitch: 35.210526315789465,

examples/gallery/basic/demo/light.js

@@ -1,5 +1,4 @@
-import { HeatmapLayer } from '@l7/layers';
+import { Scene, HeatmapLayer } from '@antv/l7';
-import { Scene } from '@l7/scene';
 const scene = new Scene({
   id: 'map',
   style: 'dark',

examples/gallery/basic/demo/normal.js

@@ -1,5 +1,5 @@
-import { Scene } from '@l7/scene';
+import { Scene, PointLayer } from '@antv/l7';
-import { PointLayer } from '@l7/layers';
+
 const scene = new Scene({
   id: 'map',
   type: 'amap',

examples/gallery/basic/demo/point.js

@@ -1,5 +1,4 @@
-import { Scene } from '@l7/scene';
+import { Scene, PointLayer } from '@antv/l7';
-import { PointLayer } from '@l7/layers';
 const scene = new Scene({
   id: 'map',
   pitch: 64.88,

examples/heatmap/grid/demo/china.js

@@ -1,5 +1,4 @@
-import { HeatmapLayer } from '@l7/layers';
+import { Scene, HeatmapLayer } from '@antv/l7';
-import { Scene } from '@l7/scene';
 const scene = new Scene({
   id: 'map',
   style: 'light',

examples/heatmap/grid/demo/grid1.js

@@ -1,5 +1,4 @@
-import { HeatmapLayer } from '@l7/layers';
+import { Scene, HeatmapLayer } from '@antv/l7';
-import { Scene } from '@l7/scene';
 const scene = new Scene({
   id: 'map',
   style: 'dark',

examples/heatmap/grid/demo/heatmap3.js

@@ -1,5 +1,4 @@
-import { HeatmapLayer } from '@l7/layers';
+import { Scene, HeatmapLayer } from '@antv/l7';
-import { Scene } from '@l7/scene';
 const scene = new Scene({
   id: 'map',
   style: 'light',

examples/heatmap/grid/demo/world.js

@@ -1,5 +1,4 @@
-import { HeatmapLayer } from '@l7/layers';
+import { Scene, HeatmapLayer } from '@antv/l7';
-import { Scene } from '@l7/scene';
 const scene = new Scene({
   id: 'map',
   style: 'dark',

examples/heatmap/heatmap/demo/heatmap.js

@@ -1,5 +1,4 @@
-import { Scene } from '@l7/scene';
+import { Scene, HeatmapLayer } from '@antv/l7';
-import { HeatmapLayer } from '@l7/layers';
 const scene = new Scene({
   id: 'map',
   style: 'dark',

examples/heatmap/heatmap/demo/heatmap3d.js

@@ -1,5 +1,4 @@
-import { Scene } from '@l7/scene';
+import { Scene, HeatmapLayer } from '@antv/l7';
-import { HeatmapLayer } from '@l7/layers';
 const scene = new Scene({
   id: 'map',
   style: 'dark',

examples/heatmap/heatmap/demo/heatmap_purple.js

@@ -1,5 +1,4 @@
-import { Scene } from '@l7/scene';
+import { Scene, HeatmapLayer } from '@antv/l7';
-import { HeatmapLayer } from '@l7/layers';
 const scene = new Scene({
   id: 'map',
   style: 'dark',

examples/heatmap/hexagon/demo/china.js

@@ -1,5 +1,4 @@
-import { HeatmapLayer } from '@l7/layers';
+import { Scene, HeatmapLayer } from '@antv/l7';
-import { Scene } from '@l7/scene';
 const scene = new Scene({
   id: 'map',
   style: 'dark',

examples/heatmap/hexagon/demo/hexagon.js

@@ -1,5 +1,4 @@
-import { HeatmapLayer } from '@l7/layers';
+import { Scene, HeatmapLayer } from '@antv/l7';
-import { Scene } from '@l7/scene';
 const scene = new Scene({
   id: 'map',
   style: 'light',

examples/heatmap/hexagon/demo/light.js

@@ -1,5 +1,4 @@
-import { HeatmapLayer } from '@l7/layers';
+import { Scene, HeatmapLayer } from '@antv/l7';
-import { Scene } from '@l7/scene';
 const scene = new Scene({
   id: 'map',
   style: 'dark',

examples/heatmap/hexagon/demo/world.js

@@ -1,5 +1,4 @@
-import { Scene } from '@l7/scene';
+import { Scene, HeatmapLayer } from '@antv/l7';
-import { HeatmapLayer } from '@l7/layers';
 const scene = new Scene({
   id: 'map',
   style: 'light',

examples/line/arc/demo/arc.js

@@ -1,5 +1,4 @@
-import { LineLayer } from '@l7/layers';
+import { Scene, LineLayer } from '@antv/l7';
-import { Scene } from '@l7/scene';
 const scene = new Scene({
   id: 'map',
   pitch: 0,

examples/line/arc/demo/arcCircle.js

@@ -1,5 +1,4 @@
-import { LineLayer } from '@l7/layers';
+import { Scene, LineLayer } from '@antv/l7';
-import { Scene } from '@l7/scene';
 const scene = new Scene({
   id: 'map',
   pitch: 0,

examples/line/arc/demo/trip_arc.js

@@ -1,5 +1,4 @@
-import { LineLayer } from '@l7/layers';
+import { Scene, LineLayer } from '@antv/l7';
-import { Scene } from '@l7/scene';
 const scene = new Scene({
   id: 'map',
   pitch: 60,

examples/line/arc/demo/trip_arc_dark.js

@@ -1,5 +1,4 @@
-import { LineLayer } from '@l7/layers';
+import { Scene, LineLayer } from '@antv/l7';
-import { Scene } from '@l7/scene';
 const scene = new Scene({
   id: 'map',
   pitch: 60,

examples/line/isoline/demo/ele.js

@@ -1,5 +1,4 @@
-import { Scene } from '@l7/scene';
+import { Scene, LineLayer } from '@antv/l7';
-import { LineLayer } from '@l7/layers';
 const scene = new Scene({
   id: 'map',
   pitch: 53.6305,

examples/line/isoline/demo/ele_dark.js

@@ -1,5 +1,4 @@
-import { Scene } from '@l7/scene';
+import { Scene, LineLayer } from '@antv/l7';
-import { LineLayer } from '@l7/layers';
 const scene = new Scene({
   id: 'map',
   pitch: 26.842105263157915,

examples/line/isoline/demo/isoline.js

@@ -1,5 +1,4 @@
-import { Scene } from '@l7/scene';
+import { Scene, LineLayer } from '@antv/l7';
-import { LineLayer } from '@l7/layers';
 const scene = new Scene({
   id: 'map',
   pitch: 0,

examples/line/line/demo/isoline.js

@@ -1,5 +1,4 @@
-import { Scene } from './node_modules/@l7/scene';
+import { Scene, LineLayer } from '@antv/l7';
-import { LineLayer } from './node_modules/@l7/layers';
 const scene = new Scene({
   id: 'map',
   pitch: 0,

examples/line/path/demo/bus_dark.js

@@ -1,8 +1,7 @@
-import { Scene } from '@l7/scene';
+import { Scene, LineLayer } from '@antv/l7';
-import { LineLayer } from '@l7/layers';
 const scene = new Scene({
   id: 'map',
-  center: [ 103.83735604457024, 1.360253881403068 ],
+  center: [ 103.83735, 1.3602538 ],
   pitch: 4.00000000000001,
   zoom: 10.210275860702593,
   rotation: 19.313180925794313,

examples/line/path/demo/bus_light.js

@@ -1,5 +1,4 @@
-import { Scene } from '@l7/scene';
+import { Scene, LineLayer } from '@antv/l7';
-import { LineLayer } from '@l7/layers';
 const scene = new Scene({
   id: 'map',
   center: [ 103.83735604457024, 1.360253881403068 ],

examples/line/path/demo/road_dark.js

@@ -1,5 +1,4 @@
-import { Scene } from '@l7/scene';
+import { Scene, LineLayer } from '@antv/l7';
-import { LineLayer } from '@l7/layers';
 const scene = new Scene({
   id: 'map',
   center: [ 116.3956, 39.9392 ],

examples/line/path/demo/road_light.js

@@ -1,5 +1,4 @@
-import { Scene } from '@l7/scene';
+import { Scene, LineLayer } from '@antv/l7';
-import { LineLayer } from '@l7/layers';
 const scene = new Scene({
   id: 'map',
   center: [ 116.3956, 39.9392 ],

examples/point/bubble/demo/color.js

@@ -1,5 +1,5 @@
-import { Scene } from '@l7/scene';
+import { Scene, PointLayer } from '@antv/l7';
-import { PointLayer } from '@l7/layers';
+
 const scene = new Scene({
   id: 'map',
   pitch: 0,

examples/point/bubble/demo/point.js

@@ -1,5 +1,4 @@
-import { Scene } from '@l7/scene';
+import { Scene, PointLayer } from '@antv/l7';
-import { PointLayer } from '@l7/layers';
 const scene = new Scene({
   id: 'map',
   pitch: 0,

examples/point/bubble/demo/scatter.js

@@ -1,5 +1,4 @@
-import { Scene } from '@l7/scene';
+import { Scene, PointLayer } from '@antv/l7';
-import { PointLayer } from '@l7/layers';
 const scene = new Scene({
   id: 'map',
   type: 'amap',

examples/point/bubble/demo/world.js

@@ -1,5 +1,4 @@
-import { Scene } from '@l7/scene';
+import { Scene, PointLayer } from '@antv/l7';
-import { PointLayer } from '@l7/layers';
 const scene = new Scene({
   id: 'map',
   pitch: 0,

examples/point/chart/demo/bar.js

@@ -1,5 +1,4 @@
-import { Scene } from '@l7/scene';
+import { Scene, Marker } from '@antv/l7';
-import { Marker } from '@l7/component';
 import * as G2 from '@antv/g2';
 const scene = new Scene({
   id: 'map',

examples/point/chart/demo/chart.js

@@ -1,5 +1,4 @@
-import { Scene } from '@l7/scene';
+import { Scene, Marker } from '@antv/l7';
-import { Marker } from '@l7/component';
 import * as G2 from '@antv/g2';
 const scene = new Scene({
   id: 'map',

examples/point/chart/demo/ring.js

@@ -1,5 +1,4 @@
-import { Scene } from '@l7/scene';
+import { Scene, Marker } from '@antv/l7';
-import { Marker } from '@l7/component';
 import * as G2 from '@antv/g2';
 
 const CSS = `.l7-marker .g2-guide-html {

examples/point/column/demo/clumn_shape.js

@@ -1,5 +1,4 @@
-import { Scene } from '@l7/scene';
+import { Scene, PointLayer } from '@antv/l7';
-import { PointLayer } from '@l7/layers';
 const scene = new Scene({
   id: 'map',
   pitch: 66.02383,

examples/point/column/demo/clumn_shape_light.js

@@ -1,5 +1,4 @@
-import { Scene } from '@l7/scene';
+import { Scene, PointLayer } from '@antv/l7';
-import { PointLayer } from '@l7/layers';
 const scene = new Scene({
   id: 'map',
   pitch: 60,

examples/point/column/demo/column_dark.js

@@ -1,5 +1,4 @@
-import { Scene } from '@l7/scene';
+import { Scene, PointLayer } from '@antv/l7';
-import { PointLayer } from '@l7/layers';
 
 const scene = new Scene({
   id: 'map',

examples/point/column/demo/column_light.js

@@ -1,5 +1,4 @@
-import { Scene } from '@l7/scene';
+import { Scene, PointLayer } from '@antv/l7';
-import { PointLayer } from '@l7/layers';
 const scene = new Scene({
   id: 'map',
   pitch: 48.62562,

examples/point/image/demo/image.js

@@ -1,5 +1,4 @@
-import { Scene } from '@l7/scene';
+import { Scene, PointLayer } from '@antv/l7';
-import { PointLayer } from '@l7/layers';
 const scene = new Scene({
   id: 'map',
   pitch: 0,

examples/point/image/demo/locate.js

@@ -1,5 +1,4 @@
-import { Scene } from '@l7/scene';
+import { Scene, PointLayer } from '@antv/l7';
-import { PointLayer } from '@l7/layers';
 const scene = new Scene({
   id: 'map',
   pitch: 0,

examples/point/image/demo/weather.js

@@ -1,5 +1,4 @@
-import { Scene } from '@l7/scene';
+import { Scene, PointLayer } from '@antv/l7';
-import { PointLayer } from '@l7/layers';
 const scene = new Scene({
   id: 'map',
   type: 'amap',

examples/point/marker/demo/marker.js

@@ -1,5 +1,4 @@
-import { Scene } from '@l7/scene';
+import { Scene, Marker } from '@antv/l7';
-import { Marker } from '@l7/component';
 const scene = new Scene({
   id: 'map',
   type: 'amap',
@@ -8,7 +7,6 @@ const scene = new Scene({
   pitch: 0,
   zoom: 4
 });
-
 scene.on('loaded', () => {
   addMarkers();
 });

examples/point/scatter/demo/normal.js

@@ -1,5 +1,4 @@
-import { Scene } from '@l7/scene';
+import { Scene, PointLayer } from '@antv/l7';
-import { PointLayer } from '@l7/layers';
 const scene = new Scene({
   id: 'map',
   type: 'amap',

examples/point/scatter/demo/normal2.js

@@ -1,5 +1,4 @@
-import { Scene } from '@l7/scene';
+import { Scene, PointLayer } from '@antv/l7';
-import { PointLayer } from '@l7/layers';
 const scene = new Scene({
   id: 'map',
   pitch: 64.88,

examples/polygon/3d/demo/polygon.js

@@ -1,5 +1,4 @@
-import { Scene } from '@l7/scene';
+import { Scene, PolygonLayer } from '@antv/l7';
-import { PolygonLayer } from '@l7/layers';
 const scene = new Scene({
   id: 'map',
   pitch: 0,

examples/polygon/fill/demo/fill.js

@@ -1,5 +1,4 @@
-import { Scene } from '@l7/scene';
+import { Scene, PolygonLayer, LineLayer } from '@antv/l7';
-import { PolygonLayer, LineLayer } from '@l7/layers';
 const scene = new Scene({
   id: 'map',
   pitch: 0,

examples/polygon/fill/demo/polygon.js

@@ -1,5 +1,5 @@
-import { Scene } from '@l7/scene';
+
-import { PolygonLayer, LineLayer } from '@l7/layers';
+import { Scene, PolygonLayer, LineLayer } from '@antv/l7';
 const scene = new Scene({
   id: 'map',
   pitch: 0,

examples/polygon/fill/demo/population.js

@@ -1,5 +1,4 @@
-import { Scene } from '@l7/scene';
+import { Scene, PolygonLayer, LineLayer } from '@antv/l7';
-import { PolygonLayer, LineLayer } from '@l7/layers';
 const scene = new Scene({
   id: 'map',
   pitch: 0,

examples/raster/basic/demo/image.js

@@ -1,5 +1,4 @@
-import { Scene } from '@l7/scene';
+import { Scene, ImageLayer } from '@antv/l7';
-import { ImageLayer } from '@l7/layers';
 const scene = new Scene({
   id: 'map',
   pitch: 0,
@@ -19,6 +18,7 @@ layer.source(
     }
   }
 );
-scene.on('loaded', () => {
+scene.addLayer(layer);
-  scene.addLayer(layer);
+// scene.on('loaded', () => {
-});
+//   scene.addLayer(layer);
+// });

examples/raster/basic/demo/radar.js

@@ -1,5 +1,4 @@
-import { Scene } from '@l7/scene';
+import { Scene, ImageLayer } from '@antv/l7';
-import { ImageLayer } from '@l7/layers';
 const scene = new Scene({
   id: 'map',
   pitch: 0,
@@ -19,6 +18,5 @@ layer.source(
     }
   }
 );
-scene.on('loaded', () => {
+scene.addLayer(layer);
-  scene.addLayer(layer);
+
-});

gatsby-browser.js

@@ -6,4 +6,5 @@ window.scene = require('./packages/scene/src');
 window.layers = require('./packages/layers/src');
 window.component = require('./packages/component/src');
 window.g2 = require('@antv/g2');
+window.l7 = require("@antv/l7");
 //

package.json

@@ -7,6 +7,7 @@
   "devDependencies": {
     "@antv/g2": "^3.5.9",
     "@antv/gatsby-theme-antv": "^0.9.52",
+    "@antv/l7": "2.0.0-beta.4",
     "@babel/cli": "^7.6.4",
     "@babel/core": "^7.6.4",
     "@babel/plugin-proposal-decorators": "^7.6.0",

site/pages/index.zh.tsx

@@ -33,6 +33,16 @@ const IndexPage = () => {
       description: t('支持海量数据，2D、3D，动态，可交互，高性能渲染'),
     },
   ];
+  const companies = [
+    { name: '阿里云', img: 'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*V_xMRIvw2iwAAAAAAAAAAABkARQnAQ' },
+    { name: '支付宝', img: 'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*lYDrRZvcvD4AAAAAAAAAAABkARQnAQ', },
+    { name: '天猫', img: 'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*BQrxRK6oemMAAAAAAAAAAABkARQnAQ', },
+    { name: '淘宝网', img: 'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*1l8-TqUr7UcAAAAAAAAAAABkARQnAQ', },
+    { name: '网商银行', img: 'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*ZAKFQJ5Bz4MAAAAAAAAAAABkARQnAQ', },
+    { name: '盒马',img: 'https://gw.alipayobjects.com/mdn/rms_f8c6a0/afts/img/A*ePJMQZCb8vkAAAAAAAAAAABkARQnAQ', },
+    { name: 'yunos', img: 'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*_js7SaNosUwAAAAAAAAAAABkARQnAQ', },
+    { name: '菜鸟', img: 'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*TgV-RZDODJIAAAAAAAAAAABkARQnAQ', },
+  ];
   const bannerButtons = [
     {
       text: t('图表示例'),
@@ -91,6 +101,7 @@ const IndexPage = () => {
         notifications={notifications}
         className="banner"
         githubStarLink="https://github.com/antvis/L7/stargazers"
+        
       />
       <Features features={features} style={{ width: '100%' }} />
       <Cases cases={cases} />