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

• 百度接口申請AK http://lbsyun.baidu.com/apiconsole/key
  
  image.png

• 配置服務(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ù)知識，致力于幫助更多前端人翻過一座座山，踏過一個個坑。