0
点赞
收藏
分享

微信扫一扫

好客租房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>

)
}
}

运行结果

好客租房129-百度地图api3使用步骤_微信公众号

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


举报

相关推荐

0 条评论