好客租房164-地图找房导航栏样式调整

import React from 'react'

// 导入样式
// import './index.scss'
import styles from  "./index.module.scss"

import NavHeader from '../../components/NavHeader';

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={styles.map}>
            {/* 顶部导航栏组件 */}
            <NavHeader onLeftClick={()=>{

            }}>
                地图找房
            </NavHeader>
        <div id="container" className={styles.container}></div>
      </div>
  
    )
  }
}

运行结果

posted @ 2022-06-01 20:59  前端导师歌谣  阅读(21)  评论(0编辑  收藏  举报