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

相关文章
仿写淘宝个人中心上面的波纹效果
双十一买东西的时候突然发现淘宝的顶部有一个微小的动画效果,感觉很炫。 实现这个效果的方案就是在一个View上面添加两个View 一个是sin函数图,另一个是cos函数图
五款炫酷精美动态登录页面,彩虹气泡动态云层深海灯光水母炫酷星空蛛网HTMLCSS源码
五款炫酷精美动态登录页面,彩虹气泡动态云层深海灯光水母炫酷星空蛛网HTMLCSS源码
140 0
|
定位技术
好客租房125-顶部导航
好客租房125-顶部导航
99 0
好客租房125-顶部导航
|
定位技术 API
好客租房130-获取顶部导航信息
好客租房130-获取顶部导航信息
141 0
好客租房130-获取顶部导航信息
|
定位技术
好客租房174-地图找房createReact方法绘制小区覆盖物
好客租房174-地图找房createReact方法绘制小区覆盖物
151 0
好客租房174-地图找房createReact方法绘制小区覆盖物
好客租房106-外观和样式调整
好客租房106-外观和样式调整
60 0
好客租房106-外观和样式调整
好客租房155-封装顶部导航栏组件(2样式调整)
好客租房155-封装顶部导航栏组件(2样式调整)
78 0
好客租房155-封装顶部导航栏组件(2样式调整)
好客租房169-渲染所有区的覆盖物
好客租房169-渲染所有区的覆盖物
200 0
好客租房169-渲染所有区的覆盖物
|
定位技术
好客租房170-地图找房的一个封装流程
好客租房170-地图找房的一个封装流程
64 0
好客租房170-地图找房的一个封装流程
|
定位技术
好客租房173-地图找房createCircle方法
好客租房173-地图找房createCircle方法
212 0
好客租房173-地图找房createCircle方法