react-bmap 安装于使用

react-bmap安装与使用

一、安装
1、

npm i react-bmapgl -S

2、引入js（public index.html）

<script type="text/javascript"
src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=你的秘钥">
</script>

3、引入组件

import { Map, Marker, NavigationControl, InfoWindow, Polyline, Polygon, ZoomControl } from 'react-bmapgl';

二、Map
1、引入获取

ref={ref => { this.map = ref.map }}

2、地图中心

center={
  { lng: center.lon, lat: center.lat }}

3、缩放层级

zoom="13"

4、鼠标滚动缩放

 enableScrollWheelZoom={true}

5、样式

style={
  { height: 600 }}

三、Marker

position={
  {lng，lat}}
icon=“s