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> ) } }
运行结果