react 获取城市定位及天气

最新推荐文章于 2024-08-04 22:20:13 发布

流浪大叔

最新推荐文章于 2024-08-04 22:20:13 发布

阅读量3.8k

点赞数 1

分类专栏： js 前端文章标签： react 定位天气

本文链接：https://blog.csdn.net/qq_36311091/article/details/80249123

版权

前端同时被 2 个专栏收录

30 篇文章 0 订阅

订阅专栏

17 篇文章 0 订阅

订阅专栏

index.html:

 <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=4IU3oIAMpZhfWZsMu7xzqBBAf6vMHcoa"></script>
    <script>
      window.BMap = BMap;
    </script>

获取定位及天气：

 /*通过百度地图获取当前位置城市信息*/
        var BMap = window.BMap;//取出window中的BMap对象
        var myCity = new BMap.LocalCity();
        let WeatherLists = {};
        myCity.get(function (result) {
            console.log(result.name);          //城市名称
            if (result.name) {
                /*通过当前位置城市信息获取天气*/
                axios.get('https://free-api.heweather.com/v5/weather?key=19713447578c4afe8c12a351d46ea922', {
                    params: {
                        city: result.name
                    }
                }).then(function (res) {
                    WeatherLists = res.data.HeWeather5[0];
                    console.log(WeatherLists);
                });
            }
        });