Awesome
<img src="https://gw.alipayobjects.com/zos/antfincdn/R8sN%24GNdh6/language.svg" width="18"> English | 简体中文
<h1 align="center">LarkMap</h1> <div align="center">🌍 基于 <a href="https://github.com/antvis/L7">L7</a> 的空间数据可视分析 React 组件库.
<!-- [![NPM downloads](https://img.shields.io/npm/dm/@antv/larkmap.svg)](https://npmjs.com/@antv/larkmap) --> <!-- ![Latest commit](https://badgen.net/github/last-commit/antvis/LarkMap) --> <!-- [![Coverage Status](https://coveralls.io/repos/github/antvis/LarkMap/badge.svg)](https://coveralls.io/github/antvis/LarkMap) --> <p align="center"> <a href="https://larkmap.antv.antgroup.com">网站</a> • <a href="https://larkmap.antv.antgroup.com/guide">快速开始</a> • <a href="https://larkmap.antv.antgroup.com/components/lark-map">组件</a> </p> </div>📦 安装
$ npm install @antv/l7 @antv/larkmap
🔨 使用
import React from 'react';
import { LarkMap } from '@antv/larkmap';
const config = {
mapType: 'Gaode',
mapOptions: {
style: 'light',
center: [120.210792, 30.246026],
pitch: 0,
zoom: 8,
rotation: 0,
},
};
export default () => {
return <LarkMap {...config} style={{ height: '300px' }}></LarkMap>;
};
本地开发
# Install project dependencies
$ npm install
# Run website
$ npm run start
# Run lint & unit tests
$ npm run ci
# Compile package
$ npm run build
🤝 如何贡献
如果您在使用的过程中碰到问题,可以先通过 issues 看看有没有类似的 bug 或者建议。
如需提交代码,请遵从我们的贡献指南。
许可证
MIT@AntV.