React AMap

本仓库提供了常用的地图组件，如不满足您的需求：

1. 请在 issues 提出需求。
2. 提 PR 扩展组件。
3. 使用提供的自定义组件的能力，自己封装。

注意

由于高德APIv1 和 v2兼容性问题，本仓库提供对应的版本

• v1.x.x 对应 amap v1
• v2.x.x 对应 amap v2

✨ 特性

• 📦 开箱即用，封装了大部分常用的地图组件
• 🎉 可扩展，支持自定义地图组件
• 💻 使用 TypeScript 编写，提供完善的类型定义，包含高德地图 JS SDK 类型声明

🏗 安装

# npm install
$ npm install @pansy/react-amap --save

# yarn install
$ yarn add @pansy/react-amap

# pnpm install
$ pnpm i @pansy/react-amap

🔨 使用

<div id="app"></div>

#app {
  width: 600px;
  height: 400px;
}

import React from 'react';
import ReactDOM from 'react-dom';
import { Map } from '@pansy/react-amap';

ReactDOM.render(
  <Map mapKey={YOUR_AMAP_KEY} />,
  document.querySelector('#app')
)

🎉 组件列表

地图

图层

点标记

信息窗体

右键菜单

矢量图形

工具

地图控件

搜索

地理编码

AMapUI

👥 社区互助

Github Issue	钉钉群	微信群
issues