小程序調(diào)用百度api天氣接口

demo下載地址 https://github.com/baidumapapi/wxapp-jsapi

  • 配置服務(wù)器合法域名
    image.png
  • 在demo中修改自己的AK

// 引用百度地圖微信小程序JSAPI模塊 
var bmap = require('../../libs/bmap-wx.js'); 
Page({ 
    data: { 
        weatherData: '' 
    }, 
    onLoad: function() { 
        var that = this; 
        // 新建百度地圖對象 
        var BMap = new bmap.BMapWX({ 
            ak: '修改為自己的ak' 
        }); 
        var fail = function(data) { 
            console.log(data) 
        }; 
        var success = function(data) { 
            var weatherData = data.currentWeather[0]; 
            weatherData = '城市:' + weatherData.currentCity + '\n' + 'PM2.5:' + weatherData.pm25 + '\n' +'日期:' + weatherData.date + '\n' + '溫度:' + weatherData.temperature + '\n' +'天氣:' + weatherData.weatherDesc + '\n' +'風(fēng)力:' + weatherData.wind + '\n'; 
            that.setData({ 
                weatherData: weatherData 
            }); 
        } 
        // 發(fā)起weather請求 
        BMap.weather({ 
            fail: fail, 
            success: success 
        }); 
    } 
})
image.png

注意:demo中改動var fail = function(data) { console.log(data) };如果調(diào)用失敗會出現(xiàn)報錯信息,按照以上步驟檢查一遍,就調(diào)用成功了。

另外demo中有weather天氣查詢之外還有:

  • PIO檢索search------例如:檢索周邊飯店


    image.png
  • PIO檢索熱詞聯(lián)想suggestion------就是關(guān)鍵詞搜索


    image.png
  • 逆地址解析regeocoding------可以理解為定位


    image.png

小程序調(diào)用百度api天氣接口后續(xù)(獲取未來三天天氣)http://m.itdecent.cn/p/b99e43afa158

gzh.jpg

每日分享前端技術(shù)知識,致力于幫助更多前端人翻過一座座山,踏過一個個坑。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容