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

简介: 好客租房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>
    )
  }
}

运行结果

图片.png

相关文章
|
10月前
|
双11
仿写淘宝个人中心上面的波纹效果
双十一买东西的时候突然发现淘宝的顶部有一个微小的动画效果,感觉很炫。 实现这个效果的方案就是在一个View上面添加两个View 一个是sin函数图,另一个是cos函数图
盒子综合案例——德云社十八愁与宠物知识栏
盒子综合案例——德云社十八愁与宠物知识栏
112 0
盒子综合案例——德云社十八愁与宠物知识栏
|
定位技术
好客租房125-顶部导航
好客租房125-顶部导航
73 0
好客租房125-顶部导航
|
定位技术 API
好客租房130-获取顶部导航信息
好客租房130-获取顶部导航信息
113 0
好客租房130-获取顶部导航信息
好客租房106-外观和样式调整
好客租房106-外观和样式调整
45 0
好客租房106-外观和样式调整
|
定位技术
好客租房174-地图找房createReact方法绘制小区覆盖物
好客租房174-地图找房createReact方法绘制小区覆盖物
121 0
好客租房174-地图找房createReact方法绘制小区覆盖物
好客租房155-封装顶部导航栏组件(2样式调整)
好客租房155-封装顶部导航栏组件(2样式调整)
58 0
好客租房155-封装顶部导航栏组件(2样式调整)
|
索引
好客租房144-渲染城市列表
好客租房144-渲染城市列表
102 0
好客租房144-渲染城市列表
好客租房159-组件内样式覆盖问题的说明
好客租房159-组件内样式覆盖问题的说明
63 0
好客租房110-修改tabber样式外观
好客租房110-修改tabber样式外观
119 0
好客租房110-修改tabber样式外观