Home

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

npm Version npm License Status Release Status

<!-- [![Coverage Status](https://coveralls.io/repos/github/antvis/LarkMap/badge.svg)](https://coveralls.io/github/antvis/LarkMap) -->

Percentage of issues still open Average time to resolve an issue

<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.