微信小程序根据经纬度请求本地天气接口

最新推荐文章于 2024-08-22 17:57:21 发布

璞~

最新推荐文章于 2024-08-22 17:57:21 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏：微信小程序

本文链接：https://blog.youkuaiyun.com/qq_39702981/article/details/84571531

微信小程序专栏收录该内容

86 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍如何在微信小程序中利用用户位置的经纬度信息调用接口，获取并展示本地实时天气情况，实现精准的天气查询服务。

微信小程序根据经纬度请求本地天气接口

onLoad: function (options) {
    // 获取天气
    wx.getLocation({			//获取经纬度
      success: ({ latitude, longitude }) => {
        wx.request({			//发起请求
          url: 'http://www.test.com/wx/interface/setup/weather.php',	//本地的天气接口地址
          data: {				//发送给后台的数据		
            x: latitude,
            y: longitude
          },
          header: {				//请求头
            "Content-Type": "application/x-www-form-urlencoded"
          },
           method: "GET",		//提交方式GET/POST
          success: (res) => {		//成功后返回值			
            console.log(res.data)
            let weather = res.data.data	//赋值给weather
            console.log(weather)
            this.setData(			//发送到.wxml
            { weather }
	        )
	          },
	        })
	      }
	    })
	}