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

相关文章
|
弹性计算 Ubuntu 网络安全
借助阿里云ECS实现本地电脑连接实验室内网服务器
在实验室的服务器上进行开发,往往只能通过内网电脑进行ssh连接。然而疫情当下,很多时候都要居家办公,或远程办公。借助阿里云ECS,我们可以搭建一个FRP服务,实现内网穿透,在家里的电脑也可以ssh连接内网服务器。
1699 1
借助阿里云ECS实现本地电脑连接实验室内网服务器
|
弹性计算 Prometheus 运维
一文详解阿里云可观测体系下标签最佳实践
在当今数字化转型加速的时代,企业 IT 系统的复杂度与日俱增,如何高效地管理和监控这些系统成为了一项挑战。阿里云作为全球领先的云计算服务商,提供了一整套全面的可观测性解决方案,覆盖从业务、端侧(小程序、APP、H5 等)、应用、中间件、容器/ECS 等全栈的监控体系,旨在帮助企业构建强大而灵活的可观测性体系。其中,标签(Tag)作为一种核心组织和管理手段,在阿里云可观测体系中扮演着至关重要的角色。本文将深入探讨阿里云可观测系列产品中标签的应用,以及如何运用标签在阿里云可观测产品体系下进行体系化建设并给出相关最佳实践。
1068 199
|
NoSQL 关系型数据库 分布式数据库
凭安征信携手阿里云PolarDB和MongoDB,挖掘信用背后的数据金矿
PolarDB和MongoDB共同支撑凭安征信的全量数据需求
|
NoSQL 关系型数据库 分布式数据库
2024上云采购季数据库分会场全攻略
2024年上云采购季活动,已于3月1日正式开启,开年采购,阿里云数据库普惠降价,助力企业和开发者开工复产,上云无忧。
704 28
|
Java 程序员
【面试官】知道synchronized锁升级吗
线程A获取了某个对象锁,但在线程代码的流程中仍需再次获取该对象锁,此时线程A可以继续执行不需要重新再获取该对象锁。既然获取锁的粒度是线程,意味着线程自己是可以获取自己的内部锁的,而如果获取锁的粒度是调用则每次经过同步代码块都需要重新获取锁。此时synchronized重量级锁就回归到了悲观锁的状态,其他获取不到锁的都会进入阻塞状态。来获得锁,CAS操作不需要获得锁、释放锁,减少了像synchronized重量级锁带来的。轻量级锁通过CAS自旋来获得锁,如果自旋10次失败,为了减少CPU的消耗则锁会膨胀为。
259 4
|
XML 监控 前端开发
Tomcat组成与工作原理,这一篇,很细 上
Tomcat组成与工作原理,这一篇,很细 上
452 0
Tomcat组成与工作原理,这一篇,很细    上
|
监控 Serverless
带你读《浅谈阿里云通用产品线Serverless的小小演化史》一、弹性之上的弹性---近乎无限的资源(3)
带你读《浅谈阿里云通用产品线Serverless的小小演化史》一、弹性之上的弹性---近乎无限的资源(3)
1463 0
|
前端开发
前端学习笔记202305学习笔记第二十六天-什么是对象结构 set map之6
前端学习笔记202305学习笔记第二十六天-什么是对象结构 set map之6
152 0
|
索引 Python
Python丨学习内容小结
Python丨学习内容小结
190 0
Python丨学习内容小结
|
Java Maven
SpringBoot + thymeleaf foreach踩坑记录
话说自从前后端分离之后,前后端放在一起的场景就很少了,最近写个简单的后台,突然踩坑了,使用themeleaf模板渲染时,发现th:each来遍历生成表单数据,一直抛异常,提示Property or field 'xxx' cannot be found on null 接下来看一下这个问题到底是个什么情况
377 0
SpringBoot + thymeleaf foreach踩坑记录