antvis / LarkMap

A React toolkit for geospatial visualization based on L7.
https://larkmap.antv.antgroup.com
MIT License
71 stars 28 forks source link
ant-l7 antvis data-visualization l7 map react webgl

English | 简体中文

LarkMap

🌍 基于 L7 的空间数据可视分析 React 组件库. [![npm Version](https://img.shields.io/npm/v/@antv/larkmap.svg)](https://www.npmjs.com/package/@antv/larkmap) [![npm License](https://img.shields.io/npm/l/@antv/larkmap.svg)](https://www.npmjs.com/package/@antv/larkmap) ![Status](https://badgen.net/github/status/antvis/LarkMap) [![Release Status](https://github.com/antvis/LarkMap/workflows/release/badge.svg?branch=master)](https://github.com/antvis/LarkMap/actions?query=workflow:release) [![Percentage of issues still open](http://isitmaintained.com/badge/open/antvis/LarkMap.svg)](http://isitmaintained.com/project/antvis/LarkMap 'Percentage of issues still open') [![Average time to resolve an issue](http://isitmaintained.com/badge/resolution/antvis/LarkMap.svg)](http://isitmaintained.com/project/antvis/LarkMap 'Average time to resolve an issue')

网站快速开始组件

📦 安装

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