国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

極簡天氣之小夭天氣

羅志環 / 1660人閱讀

摘要:利用周末兩天的時間,參考小天氣的風格,擼了一個天氣小程序,小夭天氣。功能十分簡單,查看當前地區的天氣和搜索其他地區的天氣,增加了可以生成圖片分享出去。

1、利用周末兩天的時間,參考小天氣的風格,擼了一個天氣小程序,【小夭天氣】。
2、功能十分簡單,查看當前地區的天氣和搜索其他地區的天氣,增加了可以生成圖片分享出去。
3、上線后發現一個問題,就是極速提供的天氣接口對區級市沒有區分,例如 上海有寶山區,東北那也有一個。就沒有區分。這是一個bug
4、其他有什么問題歡迎大家提意見和建議。
歡迎大家掃碼體驗

詳情如下

部分代碼如下:
    
    
      
      
      
          
           
          返回
      
    
        
        
            
            
                
                    
                        
                    
                
                
                    
                    
                    
                    
                
                歷史記錄
                
                    {{list}}
                
                熱門城市
                
                     定位
                    {{list}}
                
            
         
 getWeatherData:function(city){
    var _this = this,
          thisdata = this.data,
          historyArea = thisdata.historyArea;
    wx.request({
      url: _this.data.api,
      data: {
        "city": city
      },
      method: "get",
      header: {
        "Content-Type": "application/json"
      },
      dataType: "jsonp",
      jsonp: "callback",
      success: function (res) {
        var res = res.data
        res = JSON.parse(res)
        if (res.status === "0") {
          var data = res["result"]
          data.img = "../images/condicon/"+data.img+"b.png"
          _this.setData({
            getSuccess: "true",
            getLotion: city,
            realdata: data,
            clock: data.updatetime,
            aqi: data["aqi"],
            aqiMsg: data.aqi.aqiinfo["affect"] + "," + data.aqi.aqiinfo["measure"],
            life: data["index"],
            daily: data["daily"],
            hourly: data["hourly"],
            airPredict: "兩小時之后天氣" + data.hourly[2].weather + " ,溫度 " + data.hourly[2].temp + "°",
            quality: data["aqi"].quality
          })
          // 搜索返回成功后 清除 輸入框,將搜索結果放入歷史記錄
          // _this.$refs.clearText.value = ""
          if (thisdata.inpuText !== "") {
            if (thisdata.historyArea.indexOf(thisdata.inpuText) === -1) {
              historyArea.push(thisdata.inpuText)
              _this.setData({
                historyArea: historyArea
              })
            }
          }
          _this.back()
        } else {
          wx.showModal({
            title: "提示",
            content: res.msg,
            success: function (res) {
              if (res.confirm) {
                _this.setData({
                  msgText: "位置獲取失?。。?!請手動選擇",
                  loadingBtn: true
                })
              } else if (res.cancel) {
                console.log("用戶點擊取消")
              }
            }
          })
        }
      },
// 定位獲取
  selectLocation: function () {
    let _this = this
    _this.getlocation();
  },
  getlocation: function () {
    var _this = this
    wx.getLocation({
      type: "wgs84",
      success: function (res) {
        console.log(res)
        var latitude = res.latitude
        var longitude = res.longitude
        var speed = res.speed
        var accuracy = res.accuracy
        qqmapsdk.reverseGeocoder({
          location: {
            latitude: latitude,
            longitude: longitude
          },
          success: function (res) { 
            console.log(res)
            _this.setData({
              getLotion: res.result.address_component.district ? res.result.address_component.district : res.result.address_component.city
            })
            wx.setNavigationBarTitle({
              title: res.result.address_component.district
            })
            _this.getWeatherData(res.result.address_component.district)
          }
        })
      },
      fail:function(res){
        _this.setData({
          msgText: "位置獲取失敗?。?!請手動選擇",
          loadingBtn:true
        })
      }
    })
  },

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/101308.html

相關文章

  • 動手寫一款簡單的chrome天氣插件

    摘要:極簡天氣一款簡單的天氣插件。屬性說明指定文件格式的版本,在之后,應該都是擴展名稱擴展版本號擴展的版本擴展列表圖標指定擴展在工具欄中的顯示信息。 極簡天氣 一款簡單的chrome天氣插件。 github https://github.com/yohnz/weather如圖: showImg(https://segmentfault.com/img/bVvH67); 創建文件 新建weat...

    shixinzhang 評論0 收藏0
  • 推薦幾個天氣Api接口 (可在小程序中使用)

    摘要:國內的地圖軟件基本是支持查詢天氣的唯獨騰訊地圖不支持天氣查詢,當然其他天氣平臺提供的接口也是夠個人使用的高德地圖高德地圖開發者平臺支持獲取實時天氣數據百度地圖百度地圖開放平臺支持獲取實時天氣天氣預報還有指數,未來幾天的天氣等心知天氣免費版支 國內的地圖軟件基本是支持查詢天氣的唯獨騰訊地圖不支持天氣查詢,當然其他天氣平臺提供的接口也是夠個人使用的 1、高德地圖(高德地圖開發者平臺)sho...

    MartinDai 評論0 收藏0
  • 推薦幾個天氣Api接口 (可在小程序中使用)

    摘要:國內的地圖軟件基本是支持查詢天氣的唯獨騰訊地圖不支持天氣查詢,當然其他天氣平臺提供的接口也是夠個人使用的高德地圖高德地圖開發者平臺支持獲取實時天氣數據百度地圖百度地圖開放平臺支持獲取實時天氣天氣預報還有指數,未來幾天的天氣等心知天氣免費版支 國內的地圖軟件基本是支持查詢天氣的唯獨騰訊地圖不支持天氣查詢,當然其他天氣平臺提供的接口也是夠個人使用的 1、高德地圖(高德地圖開發者平臺)sho...

    channg 評論0 收藏0

發表評論

0條評論

羅志環

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<