好客租房136-获取当前定位数据并渲染到列表中

简介: 好客租房136-获取当前定位数据并渲染到列表中

1如何获取到定位城市的信息

2获取定位城市的代码 封装成函数 直接调用改方法就行

3判断localstorage是否有这个城市

4如果没有就 通过首页中获取定位城市的代码获取 存储到本地中 返回该城市数据

// 1如何获取到定位城市的信息
// 2获取定位城市的代码 封装成函数 直接调用改方法就行
// 3判断localstorage是否有这个城市
// 4如果没有就 通过首页中获取定位城市的代码获取 存储到本地中 返回该城市数据
//5有的话直接返回
import axios from 'axios'
export const getCurrentCity = () => {
    const LocalCity = JSON.parse(localStorage.getItem('hkzf_city'))
    if (!LocalCity) {
        return new Promise((resolve, reject) => {
            const curCity = new window.BMapGL.LocalCity()
            curCity.get(async (res) => {
                try {
                    const result = await axios.get(
                        `http://localhost:8080/area/info?name=${res.name}`
                    )
                    localStorage.setItem(
                        'hkzf_city',
                        JSON.stringify(result.data.body)
                    )
                    resolve(result.data.body)
                } catch (e) {
                    reject(e)
                }
            })
        })
    }
    //因为此处不会失败 只返回成功的promise
    return Promise.resolve(LocalCity)
}


相关文章
|
Java Linux API
Flutter插件开发指南01: 通道Channel的编写与实现
Flutter插件是Flutter应用程序与原生平台之间的桥梁,使得Flutter应用程序可以与原生代码进行交互,从而扩展Flutter应用程序的功能和能力。Flutter插件通常包括Dart和原生代码(例如Java、Kotlin或Objective-C、Swift等),并可以通过Flutter插件框架来注册、管理和调用。
320 0
Flutter插件开发指南01: 通道Channel的编写与实现
|
物联网 网络架构 智能硬件
|
存储 安全 Android开发
mov和mp4区别(内含转换方式)
mov和mp4区别(内含转换方式)
mov和mp4区别(内含转换方式)
Excel实现单元格下拉框选择,加VBA脚本可实现选择多个选项,默认顿号分隔,可自定义符号分隔
来源需要用英文逗号分隔,这里输入限制为最大255字符,如果需要更多可选择单元格范围:
419 0
|
机器学习/深度学习 传感器 数据采集
【BP回归预测】基于BP神经网络的回归预测附matlab完整代码
【BP回归预测】基于BP神经网络的回归预测附matlab完整代码
|
算法 大数据 量子技术
探索未来:量子计算在解决复杂问题中的潜力与挑战
本文深入探讨了量子计算技术如何为解决传统计算机无法有效处理的复杂问题开辟新路径。通过分析量子计算的原理、当前发展状况以及面临的主要技术挑战,文章揭示了量子计算在未来可能带来的革命性变化,并讨论了其对科学研究、密码学和大数据处理等领域的潜在影响。
|
机器学习/深度学习 人工智能 自然语言处理
【EMNLP 2023】面向Stable Diffusion的自动Prompt工程算法BeautifulPrompt
近日,阿里云人工智能平台PAI与华南理工大学朱金辉教授团队合作在自然语言处理顶级会议EMNLP2023上发表了BeautifulPrompt的深度生成模型,可以从简单的图片描述中生成高质量的提示词,从而使文生图模型能够生成更美观的图像。BeautifulPrompt通过对低质量和高质量的提示进行微调,并进一步提出了一种基于强化学习和视觉信号反馈的技术,以最大化生成提示的奖励值
|
人工智能 搜索推荐 物联网
被鹅厂最新开源AI绘画工具PhotoMaker圈粉了,多风格头像生成器就靠它了!
被鹅厂最新开源AI绘画工具PhotoMaker圈粉了,多风格头像生成器就靠它了!
567 1
|
测试技术
发票查验,发票采集,免验证码,批量查验,系统集成,代码分享之一
发票查验-免验证码,支持批量查验,系统集成,代码分享,有测试环境,从发票采集到发票查验再到查验结果应用的闭环实现
357 0
|
弹性计算 前端开发 Java
使用阿里云 mqtt serverless 版本超低成本快速实现 webscoket 长链接服务器
使用阿里云 MQTT Serverless 可轻松实现弹性伸缩的 WebSocket 服务,每日成本低至几元。适用于小程序消息推送的 MQTT P2P 模式。前端需注意安全,避免 AK 泄露,采用一机一密方案。后端通过调用 `RegisterDeviceCredential` API 发送消息。示例代码包括 JavaScript 前端连接和 Java 后端发送。
716 0