amin168 / react-baidu-map

百度地图 React 组件，支持 React Hook。

react-baidu-map

这是一个基于 React 封装的百度地图组件，帮助你轻松的接入地图到 React 项目中，Gitee 镜像仓库。

文档实例预览: Github | Gitee

特性

• ♻️ 自动加载百度地图 SDK（通过创建 Script 标签的形式加载），包括第三方 SDK。
• 📚 使用 Typescript 编写，集成百度地图 SDK @type 声明文件（包括中文注释）。
• ⚛️ 支持 React Hook 新增特性（需要 React 16.8+）。
• 💝 不依赖任何第三方组件。

安装

不依赖 uiw 组件库

npm install @uiw/react-baidu-map --save

使用

import { Map, APILoader } from '@uiw/react-baidu-map';

const Demo = () => (
  <div style={{ width: '100%', height: '300px' }}>
    <APILoader akay="GTrnXa5hwXGwgQnTBG28SHBubErMKm3f">
      <Map />
    </APILoader>
  </div>
);
ReactDOM.render(<Demo />, _mount_);

开发

npm install # 安装依赖

npm run ts:watch    # 监听编译输出 js 文件
npm run types:watch # 监听编译输出 .d.ts 类型文件
npm run doc:dev     # 文档网站运行

# 上传 gh-pages 将会执行 `npm run released` 命令
npm run deploy

# 发布
npm run released    # 编译输出 js 文件 和 .d.ts 类型文件