JS源生调用天气事件风向

最新推荐文章于 2024-07-31 00:24:58 发布

boss2967

最新推荐文章于 2024-07-31 00:24:58 发布

阅读量1.3k

点赞数

本文链接：https://blog.csdn.net/boss2967/article/details/74935853

版权

本文介绍了如何使用JavaScript通过JSONP跨域获取百度地图API提供的天气数据，并将结果显示在网页上，包括当前天气和未来几天的预报。示例代码展示了如何解析和展示天气图标、温度、风向等信息。

摘要由CSDN通过智能技术生成

jsonp('https://api.map.baidu.com/api?v=2.0&ak=Dv1NMU23dh1sGS9n2tUouDEYY96Dfzh3&s=1&callback=getCity');
window.onload=function(){
    //请求天气车数据
    btn.οnclick=function (){
        jsonp(createUrl()[0]);
        jsonp(createUrl()[1]);
    }
};

function getCity(){
    function city(result){
        //去掉城市名后的"市"
        var city = result.name.substring(0,result.name.length-1);
        //请求当前城市的天气数据
        jsonp(createUrl(city)[0]);
        jsonp(createUrl(city)[1]);
    }
    var cityName = new BMap.LocalCity();
    cityName.get(city);
}

// 数据请求函数
function jsonp(url){
    var script = document.createElement('script');
    script.src = url;
    document.body.insertBefore(script, document.body.firstChild);
    document.body.removeChild(script);
}

//数据请求成功回调函数，用于将获取到的数据放入页面相应位置
function getWeather(response) {
    var oSpan = document.getElementsByClassName('info');