Baidu Map Components for React. React百度地图组件库
Baidu Map Components for React
react-bdmap 是基于 React 封装的百度地图组件库. 以 React 组件化的思维来, 声明式地开发地图应用. 除了内置组件,
react-bdmap 也封装了一些易用的组件帮助实现自定义地图组件. 欢迎交流或贡献代码
‘react & react-dom’ > 16.6
npm install react-bdmap --save
# by yarn
yarn add react-bdmap
```jsx static
import React from ‘react’
import ReactDOM from ‘react-dom’
import {
BDMapLoader,
BDMap,
GeolocationControl,
MapTypeControl,
Marker,
CustomOverlay,
TrafficLayer
} from ‘react-bdmap’
/**
<div style={{color: 'red'}}>hello world</div>
/**
ReactDOM.render(
<br/>
### 按需导入
所有组件都支持按照`lodash`的风格进行导入. 例如:
```jsx static
import BDMap from 'react-bdmap/BDMap'
import CustomOverlay from 'react-bdmap/overlays/CustomOverlay'
详细模块结构:
react-bdmap
├── index.js
├── BDMapLoader # 地图加载器
├── BDMap # 地图实例
├── ContextMenu # 右键菜单
├── controls # 控件
│ ├── Control
│ ├── CopyrightControl
│ ├── CustomControl
│ ├── GeolocationControl
│ ├── MapTypeControl
│ ├── NavigationControl
│ ├── OverviewMapControl
│ └── ScaleControl
├── overlays # 覆盖物
│ ├── CanvasLayer
│ ├── Circle
│ ├── CustomOverlay
│ ├── GroundOverlay
│ ├── InfoWindow
│ ├── Label
│ ├── Marker
│ ├── Overlay
│ ├── PointCollection
│ ├── Polygon
│ └── Polyline
├── tileLayers # 图层
│ ├── CustomLayer
│ ├── CustomTileLayer
│ ├── TileLayer
│ └── TrafficLayer
└── withMap # 高阶组件, 注入BMap.Map实例
https://ivan-94.github.io/react-bdmap/
react-bdmap
使用 Typescript 编写, npm 包中已经包含了声明文件. 另外需要安装百度地图 sdk 声明文件
yarn add @types/baidumap-web-sdk @types/react @types/react-dom -D
MIT
Copyright (c) 2018-present