百度天气开发详解

操作方法

• 01

  首先你要有个密钥才可以进行百度地图的开发，给你个写好的demo，自己去改吧（把key的值改成你的key就可以了） $(document).ready(function() { $.ajax({ url : 'http://api.map.baidu.com/telematics/v3/weather?location=<%=ub.getLivecity()%>&output=json&ak=B122767f9cf32ad2c5a17d97835d053e&callback=?', dataType :'json', success : function(json) { if(json!=null) { if(json.status=='success') { if(6<myTime<18) { imgdom1.src=json.results[0].weather_data[0].dayPictureUrl; imgdom2.src=json.results[0].weather_data[1].dayPictureUrl; imgdom3.src=json.results[0].weather_data[2].dayPictureUrl; imgdom4.src=json.results[0].weather_data[3].dayPictureUrl; }else { imgdom1.src=json.results[0].weather_data[0].nightPictureUrl; imgdom2.src=json.results[0].weather_data[1].nightPictureUrl; imgdom3.src=json.results[0].weather_data[2].nightPictureUrl; imgdom4.src=json.results[0].weather_data[3].nightPictureUrl; } $("#city1").text("城市："+json.results[0].currentCity); $("#des1").text("日期:"+json.results[0].weather_data[0].date); $("#weather1").text("天气:"+json.results[0].weather_data[0].weather); $("#wind1").text("风向:"+json.results[0].weather_data[0].wind); $("#temp1").text("温度:"+json.results[0].weather_data[0].temperature); $("#city2").text("城市："+json.results[0].currentCity); $("#des2").text("日期:"+json.results[0].weather_data[1].date); $("#weather2").text("天气:"+json.results[0].weather_data[1].weather); $("#wind2").text("风向:"+json.results[0].weather_data[1].wind); $("#temp2").text("温度:"+json.results[0].weather_data[1].temperature); $("#city3").text("城市："+json.results[0].currentCity); $("#des3").text("日期:"+json.results[0].weather_data[2].date); $("#weather3").text("天气:"+json.results[0].weather_data[2].weather); $("#wind3").text("风向:"+json.results[0].weather_data[2].wind); $("#temp3").text("温度:"+json.results[0].weather_data[2].temperature); $("#city4").text("城市："+json.results[0].currentCity); $("#des4").text("日期:"+json.results[0].weather_data[3].date); $("#weather4").text("天气:"+json.results[0].weather_data[3].weather); $("#wind4").text("风向:"+json.results[0].weather_data[3].wind); $("#temp4").text("温度:"+json.results[0].weather_data[3].temperature); }else { alert("天气获取失败,请刷新后重试"); } }else { alert("你填写的现居地有误 "); } } }); }); function findW() { var str=document.getElementById("findDiv").value; if(str=="") { alert("你输入的城市名为空 "); }else { $.ajax({ url : 'http://api.map.baidu.com/telematics/v3/weather?location='+str+'&output=json&ak=B122767f9cf32ad2c5a17d97835d053e&callback=?', dataType :'json', success : function(json) { if(json!=null) { if(json.status=='success') { if(6<myTime<18) { imgdom1.src=json.results[0].weather_data[0].dayPictureUrl; imgdom2.src=json.results[0].weather_data[1].dayPictureUrl; imgdom3.src=json.results[0].weather_data[2].dayPictureUrl; imgdom4.src=json.results[0].weather_data[3].dayPictureUrl; }else { imgdom1.src=json.results[0].weather_data[0].nightPictureUrl; imgdom2.src=json.results[0].weather_data[1].nightPictureUrl; imgdom3.src=json.results[0].weather_data[2].nightPictureUrl; imgdom4.src=json.results[0].weather_data[3].nightPictureUrl; } $("#city1").text("城市："+json.results[0].currentCity); $("#des1").text("日期:"+json.results[0].weather_data[0].date); $("#weather1").text("天气:"+json.results[0].weather_data[0].weather); $("#wind1").text("风向:"+json.results[0].weather_data[0].wind); $("#temp1").text("温度:"+json.results[0].weather_data[0].temperature); $("#city2").text("城市："+json.results[0].currentCity); $("#des2").text("日期:"+json.results[0].weather_data[1].date); $("#weather2").text("天气:"+json.results[0].weather_data[1].weather); $("#wind2").text("风向:"+json.results[0].weather_data[1].wind); $("#temp2").text("温度:"+json.results[0].weather_data[1].temperature); $("#city3").text("城市："+json.results[0].currentCity); $("#des3").text("日期:"+json.results[0].weather_data[2].date); $("#weather3").text("天气:"+json.results[0].weather_data[2].weather); $("#wind3").text("风向:"+json.results[0].weather_data[2].wind); $("#temp3").text("温度:"+json.results[0].weather_data[2].temperature); $("#city4").text("城市："+json.results[0].currentCity); $("#des4").text("日期:"+json.results[0].weather_data[3].date); $("#weather4").text("天气:"+json.results[0].weather_data[3].weather); $("#wind4").text("风向:"+json.results[0].weather_data[3].wind); $("#temp4").text("温度:"+json.results[0].weather_data[3].temperature); }else { alert("天气获取失败,请刷新后重试"); } }else { alert("请输入正确的城市名 "); } } }); } } //--> </script>