好客租房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 实现疫情地图或者外卖点餐功能(含代码及数据)
好客租房146-渲染(展示索引下每一行的高度)
好客租房146-渲染(展示索引下每一行的高度)
105 0
好客租房146-渲染(展示索引下每一行的高度)
|
索引
好客租房147-渲染(渲染右侧索引列表
好客租房147-渲染(渲染右侧索引列表
101 0
好客租房147-渲染(渲染右侧索引列表
好客租房140-长列表性能优化(可视区域渲染)
好客租房140-长列表性能优化(可视区域渲染)
96 0
好客租房140-长列表性能优化(可视区域渲染)
|
索引
好客租房145-渲染城市列表(展示城市索引)
好客租房145-渲染城市列表(展示城市索引)
158 0
好客租房145-渲染城市列表(展示城市索引)
|
索引
好客租房144-渲染城市列表
好客租房144-渲染城市列表
127 0
好客租房144-渲染城市列表
|
前端开发
好客租房37-多表单元素优化
好客租房37-多表单元素优化
122 0
好客租房37-多表单元素优化
|
索引
好客租房148-渲染右侧索引列表(滚动城市列表高亮)
好客租房148-渲染右侧索引列表(滚动城市列表高亮)
115 0
好客租房148-渲染右侧索引列表(滚动城市列表高亮)
|
定位技术 API
好客租房130-获取顶部导航信息
好客租房130-获取顶部导航信息
139 0
好客租房130-获取顶部导航信息