Go to file
@thinkinggis fac48aede1
Feat custom map (#1326)
* chore(map): 地图模块重构

* feat: lealetMap for l7

* chore: amap baseservice 重构

* fix: 修改amap 样式

* fix: 单词拼写
2022-09-13 11:25:25 +08:00
.github chore: 增加覆盖率Ci (#1323) 2022-09-02 23:08:45 +08:00
.storybook feat: export BaseModel to support CustomLayer (#1274) 2022-08-08 16:32:50 +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 Feat custom map (#1326) 2022-09-13 11:25:25 +08:00
dev-docs chore: replace storybook with dumi (#1256) 2022-08-08 16:41:30 +08:00
jest test: 测试用例支持 new scene 对象 (#1291) 2022-08-18 10:19:12 +08:00
packages Feat custom map (#1326) 2022-09-13 11:25:25 +08:00
scripts ci: 新增 release label action (#1097) 2022-05-06 20:17:51 +08:00
stories feat: 修改 simple line 的网格构建和渲染方式 (#1288) 2022-08-11 17:31:24 +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 docs: scale demo & IE 兼容 (#1304) 2022-08-23 20:20:32 +08:00
.fatherrc.ts chore: replace storybook with dumi (#1256) 2022-08-08 16:41:30 +08:00
.gitignore chore: 增加覆盖率Ci (#1323) 2022-09-02 23:08:45 +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 docs: scale demo & IE 兼容 (#1304) 2022-08-23 20:20:32 +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 fix: 1. L7Draw 对应 Github 和 文档地址变更 (#1215) 2022-07-01 14:34:21 +08:00
README.md fix: 1. L7Draw 对应 Github 和 文档地址变更 (#1215) 2022-07-01 14:34:21 +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 chore: 增加覆盖率Ci (#1323) 2022-09-02 23:08:45 +08:00
lerna.json chore: update version 2.9.25 -> 2.9.26 (#1318) 2022-08-30 19:18:44 +08:00
package.json Feat custom map (#1326) 2022-09-13 11:25:25 +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 chore: replace storybook with dumi (#1256) 2022-08-08 16:41:30 +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

README.en-US.md

L7

. travis ci 最近提交

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

中文 README

GitHub

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

website

🌄 L7 visualization demos

L7 demo

🌟 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);

📝 Documentation

License

MIT license.