react-bf-amap v1.0.4

React BF AMap

React版本的AMap插件，使用AMap2.0版本，并通过JS API Loader进行地图加载工作

安装

npm i react-bf-amap

使用

import React from 'react';
import { BFAMap } from 'react-bf-amap';

const Map = (props) => {
  return (
    <div  style={{ width: '200px', height: '200px' }}>
      <BFAMap
        id={YOUR_ID}
        map_key={YOUR_AMAP_KEY}
        options={{
          zoom: 11,
          center: [121.498586, 31.239637],
          viewMode: '3D',
        }}
        plugins={['Scale', 'OverView', 'ToolBar',]}
        setMap={(map, AMap) => {
          const scale = new AMap.Scale();
          map.addControl(scale);
          const tollBar = new AMap.ToolBar();
          map.addControl(tollBar);
          console.log(map);
        }}/>
    </div>
  );
};

export default Map;

重要：

1. 一定要添加外容器，并保证外容器存在实际大小
2. 确保你已经申请过高德地图的key，并能够引入改组件中使用

参数

AMap地图相关文档

AMap JS API v2.0

AMapUI JS API v2.0

License

MIT

更新日志

v1.0.4 修复父组件状态操作使得地图重新加载的问题
v1.0.3 添加文档