react 獲取城市定位及天氣

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);
                });
            }
        });

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章