English | 简体中文
$ npm install @antv/l7 @antv/l7plot
<div id="container"></div>
import { Dot } from '@antv/l7plot';
const data = [
{ lng: 103.715, lat: 31.211, depth: 10, mag: 5.8, title: 'M 5.8 - eastern Sichuan, China' },
{ lng: 104.682, lat: 31.342, depth: 10, mag: 5.7, title: 'M 5.7 - eastern Sichuan, China' },
// ...
];
const dot = new Dot('container', {
map: {
type: 'mapbox',
style: 'light',
center: [103.447303, 31.753574],
zoom: 7,
},
autoFit: true,
source: {
data: data,
parser: { type: 'json', x: 'lng', y: 'lat' },
},
color: {
field: 'mag',
value: ['#82cf9c', '#10b3b0', '#2033ab'],
scale: { type: 'quantize' },
},
size: {
field: 'mag',
value: ({ mag }) => (mag - 4.3) * 10,
},
state: { active: true },
scale: { position: 'bottomright' },
legend: { position: 'bottomleft' },
tooltip: {
items: ['title', 'mag', 'depth'],
},
});
# 全局安装 yarn $ npm install yarn -g # 安装项目依赖 $ yarn bootstrap # 实时编译各 package 并启动 storybook $ yarn dev # 运行网站 $ yarn dev-website # 运行单元测试 $ yarn test # 打开 electron 运行单元测试，并监听测试文件 $ yarn test-live
如果您在使用的过程中碰到问题，可以先通过 issues 看看有没有类似的 bug 或者建议。
如需提交代码，请遵从我们的贡献指南。
MIT
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4