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


相关文章
|
存储 定位技术 开发工具
使用 ES 实现疫情地图或者外卖点餐功能(含代码及数据)
使用 ES 实现疫情地图或者外卖点餐功能(含代码及数据)
使用 ES 实现疫情地图或者外卖点餐功能(含代码及数据)
|
传感器 网络协议 物联网
5_1_1_首页信息展示屏_整体介绍_技术点及获取电池电量|学习笔记
快速学习5_1_1_首页信息展示屏_整体介绍_技术点及获取电池电量。
315 0
5_1_1_首页信息展示屏_整体介绍_技术点及获取电池电量|学习笔记
|
前端开发
前端工作总结128-一级控制二级菜单的变化
前端工作总结128-一级控制二级菜单的变化
103 0
前端工作总结128-一级控制二级菜单的变化
|
索引
好客租房145-渲染城市列表(展示城市索引)
好客租房145-渲染城市列表(展示城市索引)
160 0
好客租房145-渲染城市列表(展示城市索引)
好客租房146-渲染(展示索引下每一行的高度)
好客租房146-渲染(展示索引下每一行的高度)
107 0
好客租房146-渲染(展示索引下每一行的高度)
|
索引
好客租房147-渲染(渲染右侧索引列表
好客租房147-渲染(渲染右侧索引列表
103 0
好客租房147-渲染(渲染右侧索引列表
好客租房140-长列表性能优化(可视区域渲染)
好客租房140-长列表性能优化(可视区域渲染)
98 0
好客租房140-长列表性能优化(可视区域渲染)
|
索引
好客租房144-渲染城市列表
好客租房144-渲染城市列表
130 0
好客租房144-渲染城市列表
|
前端开发
好客租房37-多表单元素优化
好客租房37-多表单元素优化
124 0
好客租房37-多表单元素优化
|
索引
好客租房148-渲染右侧索引列表(滚动城市列表高亮)
好客租房148-渲染右侧索引列表(滚动城市列表高亮)
116 0
好客租房148-渲染右侧索引列表(滚动城市列表高亮)