好客租房129-百度地图api3使用步骤

1使用步骤

1映入百度地图中的api文件

2在index.css中设置全局样式

创建Map组件 配置路由 并在map组件中 创建地图容器元素 并设置样式

import React from 'react'

// 导入样式
import './index.scss'

export default class Map extends React.Component {
  componentDidMount() {
    var map = new window.BMapGL.Map("container"); // 创建地图实例 
    var point = new window.BMapGL.Point(116.404, 39.915); // 创建点坐标 
    map.centerAndZoom(point, 15); // 初始化地图，设置中心点坐标和地图级别
    
  }
  render() {
    return (
        <div className="map">
        <div id="container"></div>
      </div>
  
    )
  }
}

运行结果

 只贴出部分代码 具体代码关注微信公众号