react中使用百度地图javascript的api基本使用方法

1. 在页面中引入百度地图的js 和秘钥

	  <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=秘钥"></script>

2.创建一个容器把地图放在里面，高度设置百分之百

	     <div id="container"></div>

3.地图实例创建，设置中心点，初始化地图实例，

注意：在 BMap 前面一定要加上 window 不加window会报错

		 var map = new window.BMap.Map('container')
	
		    var point = new window.BMap.Point(116.404, 39.915)
	
		    map.centerAndZoom(point, 15)

4. 实例

		export default class extends React.Component {
	
		  //  页面加载函数 
	
		  componentDidMount() {
	
		    // 创建地图实例放到 container容器 里面去 
	
		    var map = new window.BMap.Map('container')
	
		    // 设置中心点 
	
		    var point = new window.BMap.Point(116.404, 39.915)
	
		    // 初始化地图 
	
		    map.centerAndZoom(point, 15)
	
		  }
	
		  render() {
	
		    return (
	
		      <div className={'maps'}>
	
		        <div id="container"></div>
	
		      </div>
	
		    )
	
		  }
	
		}