Go to file
@thinkinggis 54c43d6dd4
chore: add ChatGPT action (#1589)
* docs: add 行政区demo

* fix: lint error

* docs: scale 文档更新

* docs: marker demo& chatgpt ci

* chore: update chatgpt workflows

* chore: update ci config
2023-02-08 18:47:26 +08:00
.github chore: add ChatGPT action (#1589) 2023-02-08 18:47:26 +08:00
.vscode feat: 样式数据映射 1.0 2021-06-21 11:13:18 +08:00
build feat: 渲染流程异步改造、部分支持 worker (#1224) 2022-08-02 19:05:27 +08:00
dev-demos chore: add ChatGPT action (#1589) 2023-02-08 18:47:26 +08:00
dev-docs fix:修复事件名丢失 (#1393) 2022-10-14 15:47:45 +08:00
jest test: 测试用例支持 new scene 对象 (#1291) 2022-08-18 10:19:12 +08:00
packages chore: add ChatGPT action (#1589) 2023-02-08 18:47:26 +08:00
scripts chore: publish (#1497) 2022-11-21 23:26:46 +08:00
.editorconfig refactor: refactor with monorep architecture 2019-10-08 20:15:52 +08:00
.eslintignore Chore: 修复部分lint 警告,pre-commit 移除build命令 (#1285) 2022-08-11 14:04:56 +08:00
.eslintrc.js Feat: L7 Component 完备性升级 (#1391) 2022-10-17 17:01:52 +08:00
.fatherrc.ts build: worker 内联打包添补 (#1338) 2022-09-15 10:18:25 +08:00
.gitignore Feat next (#1475) 2022-11-20 14:39:56 +08:00
.gitleaks.toml chore: add gitleaks 2020-04-21 11:28:10 +08:00
.prettierrc refactor: refactor with monorep architecture 2019-10-08 20:15:52 +08:00
.stylelintrc refactor: refactor with monorep architecture 2019-10-08 20:15:52 +08:00
.travis.yml Merge branch 'master' into draw_doc 2020-04-21 15:27:03 +08:00
.umirc.ts chore: publish (#1497) 2022-11-21 23:26:46 +08:00
.yarnrc chore: add .yarnrc 2019-11-22 20:18:33 +08:00
CHANGELOG.md chore: publish 2020-04-10 19:43:19 +08:00
LICENSE.md chore: update version 2.9.8 -> 2.9.9 (#1214) 2022-07-01 13:02:15 +08:00
README.en-US.md docs: 更新 README 及新官网链接 (#1500) 2022-11-22 15:59:22 +08:00
README.md docs: 更新 README 及新官网链接 (#1500) 2022-11-22 15:59:22 +08:00
babel.config.js chore: replace storybook with dumi (#1256) 2022-08-08 16:41:30 +08:00
commitlint.config.js docs(layer): add layer docs 2019-11-20 20:44:08 +08:00
jest.config.js Feat: L7 Component 完备性升级 (#1391) 2022-10-17 17:01:52 +08:00
lerna.json Publish (#1582) 2023-02-02 14:29:57 +08:00
package.json Fix map max zoom (#1584) 2023-02-07 11:02:57 +08:00
tsconfig.build.json chore: replace storybook with dumi (#1256) 2022-08-08 16:41:30 +08:00
tsconfig.json Feat custom map (#1326) 2022-09-13 11:25:25 +08:00
tslint.json Feat next (#1475) 2022-11-20 14:39:56 +08:00
tslint.prod.json chore: 增加覆盖率Ci (#1323) 2022-09-02 23:08:45 +08:00
typings.d.ts test: 测试用例支持 new scene 对象 (#1291) 2022-08-18 10:19:12 +08:00
vercel.json Feat map (#1515) 2022-11-29 23:35:27 +08:00

README.en-US.md

English | 简体中文

L7

🌍 Large-scale WebGL-powered Geospatial data visualization analysis framework.

travis ci 最近提交

TutorialsAPI documentationExamplesContributor

L7 demo

Powered by WebGL, the rendering technology of L7 supports fast and efficient rendering of big data, 2D/3D rendering, possible through calculation and analysis of spatial data by GPU Parallel Compu-ting.

L7 focuses on geographic data expressivenessinteraction and design of geographic visualization layers. The basemaps on the platform are powered by third-party services

🌟 Highlight features of L7 2.0

  • 🌏 Data-driven Visualization

    Layer visualization API design base Semiology of Graphics.

    It supports rich map visualization types for a better insight on data.

  • 🌏 High performance rendering with 2D/3D effect Real-time and dynamic rendering with millions of spatial data.

  • 🌏 Simple and flexible data format

    L7 supports a wide variety of data formats including CSV, JSON, geojson, among others, eliminating the need to run conversions ahead of time.

  • 🌏 Multi-basemap

    For global users, Mapbox is easy to be embedded by a simple line of code.

Getting Started

📦 Installation

npm install @antv/l7

Init Map by L7 scene

import { Scene } from '@antv/l7';
import { Mapbox } from '@antv/l7-maps';

const scene = new Scene({
  id: 'map',
  map: new Mapbox({
    style: 'light',
    pitch: 0,
    center: [107.054293, 35.246265],
    zoom: 4.056,
  }),
});

Add Layer

import { PointLayer } from '@antv/l7';

const pointLayer = new PointLayer()
  .source(data)
  .shape('circle')
  .size('mag', [1, 25])
  .color('mag', ['#5B8FF9', '#5CCEA1'])
  .style({
    opacity: 0.3,
    strokeWidth: 1,
  });

scene.addLayer(pointLayer);

License

MIT license.