npm install react-bmapReact-BMap
基于百度地图JavaScript Api封装的React组件库，使用这个库最好需要先了解React和百度地图JavaScript Api。
React-BMap只是利用了React组件的生命周期，来调用对应的百度地图JavaScript Api的方法，比如在componentDidMount和componentDidUpdate的时候在地图上添加覆盖物，componentWillUnmount的时候移除覆盖物，React对应的render渲染函数模块返回的是null。所以这里面地图相关的dom并不是react渲染的，真正创建地图之类的还是使用百度地图JavaScript Api，React-BMap只是利用了React组件的写法来封装百度地图JavaScript Api，使我们在使用React的时候能更方便的使用百度地图JavaScript Api。
3D地图版本
该组件库是针对2D版本地图的React组件库，如果想使用新版本的3D地图，请使用React-BMapGL。新的GL版地图支持无级缩放、地图倾斜、旋转等强大的功能，并且能更好的发挥MapVGL炫酷的可视化效果。
PS：由于3D地图基于WebGL开发，部分功能与2D版体验可能有差别，如果您的设备不支持WebGL，或者更追求稳定性，依然可以选择本组件库。
示例
可查看示例文件夹下的示例使用示例代码，示例效果可访问预览地址
安装使用
$3
密钥可去百度地图开放平台官网申请
$3
npm install react-bmap
$3
入口命名空间window.ReactBMap 示例预览 示例源码
Hello World
import {Map, Marker, NavigationControl, InfoWindow} from 'react-bmap'
基础地图组件文档
$3
$3
$3
$3
图形组件，圆形、折线、多边形组件
$3
fillColor='blue'
strokeColor='white'
radius="3000"
/>
$3
path={[
{lng: 116.403119, lat: 39.929543},
{lng: 116.265139, lat: 39.978658},
{lng: 116.217996, lat: 39.904309}
]}
/>
$3
strokeColor='yellow'
path={[
{lng: 116.442519, lat: 39.945597},
{lng: 116.484488, lat: 39.905315},
{lng: 116.443094, lat: 39.886494},
{lng: 116.426709, lat: 39.900001}
]}
/>
其它一些场景组件
$3
{
text: "长沙大道",
location: "113.22183,28.191712"
},
{
text: "机场高速",
location: "113.057565,28.175208"
}
]}
fillStyle="#ff3333"
animation={true}
isShowShadow={false}
multiple={true}
autoViewport={true}
/>
$3
$3
data={data}
options={{
blend: 'lighter',
width: 10,
color: 'rgb(255, 153, 0, 0.6)'
}}
/>
$3
$3
name: '海淀区',
count: 20
},
{
name: '朝阳区',
count: 10
}
]}/>
$3
获取 BMap.Map 实例
如果你使用
BMapLib，需要 BMap.Map 实例的话，可以通过 map 属性访问到它。
许可证
MIT