对接阿里云天气，获取天气预报数据

article/2025/3/20 8:08:20

我最近在开发个人网站，为了丰富页面，就新增了一个天气预报的数据展示，写此博客记录一下。

获取天气数据调用的易源数据天气，需要经纬度的参数，因此这里调用了百度地图的api来获取经纬度。具体实现过程如下：

    <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=你自己的ak"></script>
//天气预报版块//百度api 通过ip定位var myCity = new BMap.LocalCity();myCity.get(myFun);var lat;//纬度var lng;//经度function myFun(result) {var cityName = result.name;$("#position").append(cityName);lat = result.center.lat;lng = result.center.lng;// alert("IP 定位城市:" + cityName+"   经度"+result.center.lng+"   纬度"+result.center.lat);$.ajax({type:"get",//这里的请求方式与前面所说的请求方式一样url:'https://ali-weather.showapi.com/gps-to-weather?from=5&lat='+lat+'&lng='+lng+'&need3HourForcast=0&needAlarm=0&needHourData=0&needIndex=0&needMoreDay=0',//url就是api请求接口beforeSend:function(request){	//向接口发送身份认证request.setRequestHeader("Authorization","APPCODE "+"你自己的appcode");//注意这里APPCODE后面有一个空格，不能删掉},dataType:"json",//请求返回数据格式success: function (data) {console.log(data);var city = data.showapi_res_body.cityInfo.c5;var temperature = data.showapi_res_body.now.temperature;var weather = data.showapi_res_body.now.weather;var weatherPic = data.showapi_res_body.now.weather_pic;var windPower = data.showapi_res_body.now.wind_power;document.getElementById("weather").setAttribute('title',weather)$("#weather").append('<img style="width: 30px;position:relative;top:7px" title = '+ weather +' src ='+ weatherPic +'> '+city+': '+temperature+'℃ 风力：'+windPower)},error:function(e){console.log(e.message);}})}

ajax中的请求的url为：https://ali-weather.showapi.com/gps-to-weather?from=5&lat=’+lat+’&lng=’+lng+’&need3HourForcast=0&needAlarm=0&needHourData=0&needIndex=0&needMoreDay=0’

其中部分参数说明：

在这里插入图片描述

这个接口正常返回数据结构为：

{"showapi_res_code": 0,"showapi_res_error": "","showapi_res_body": {"cityInfo": {//查询的地区基本资料"c6": "yunnan",//城市所在省英文名"c5": "丽江",//城市所在市中文名"c4": "lijiang",//城市所在市英文名"c3": "丽江",//城市中文名"c9": "中国",//城市所在国家中文名"c8": "china",//城市所在国家英文名"c7": "云南",//城市所在省中文名"c17": "+8","c16": "AZ9888",//雷达站号"c1": "101291401",//区域id"c2": "lijiang",//城市英文名"c11": "0888",//城市区号"longitude": 100.222,//经度"c10": "2",//城市级别"latitude": 26.903,//纬度"c12": "674100",//邮编"c15": "2394"//海拔},"now": {//现在实时的天气情况"aqi": "71",  //空气质量指数，越小越好"aqiDetail": { //aqi明细数据"aqi": "71",  "area": "北京","area_code": "beijing","co": "0.817", //一氧化碳1小时平均"no2": "52",  //二氧化氮1小时平均"o3": "33", //臭氧1小时平均"o3_8h": "9", //臭氧8小时平均"pm10": "56", //颗粒物（粒径小于等于10μm）1小时平均"pm2_5": "51", //颗粒物（粒径小于等于2.5μm）1小时平均"primary_pollutant": "颗粒物(PM2.5)","quality": "良", //空气质量指数类别，有“优、良、轻度污染、中度污染、重度污染、严重污染”6类"so2": "3" //二氧化硫1小时平均},"sd": "70%",  //空气湿度"temperature": "15", //当前气温"temperature_time": "18:30",  //采集时间"weather": "晴",  //天气文字标识"weather_pic": "http://appimg.showapi.com/images/weather/icon/day/00.png", //天气图片地址"wind_direction": "北风",  //风向名称"wind_power": "1级"  //风力},"f1": {//今天的天气预报 ,f2是明天，f3是后天，直到f7"air_press": "1008 hPa",  //大气压"day": "20151023",   //日期"day_air_temperature": "18",  //白天天气温度(摄氏度)"day_weather": "晴", //白天天气标识"day_weather_pic": "http://app1.showapi.com/weather/icon/day/00.png", //白天天气图标"day_wind_direction": "无持续风向", //白天风向 "day_wind_power": "微风<10m/h", //白天风力"jiangshui": "3%",  //降水概率"night_air_temperature": "9",  //晚上气温(摄氏度)"night_weather": "晴",//晚上天气标识"night_weather_pic": "http://app1.showapi.com/weather/icon/night/00.png", //晚上天气图标"night_wind_direction": "无持续风向", //晚上风向"night_wind_power": "微风<10m/h", //晚上风力 "sun_begin_end": "06:35|17:23",  //日出|日落时间"weekday": 5,					//星期几"ziwaixian": "中等",			//紫外线强度"index": {"yh": {//约会指数"title": "较不适宜","desc": "建议尽量不要去室外约会。"},"ls": {//晾晒指数"title": "不宜","desc": "降水可能会淋湿衣物，请选择在室内晾晒。"},"clothes": {//穿衣指数"title": "较舒适","desc": "建议穿薄外套或牛仔裤等服装。"},"dy": {//钓鱼指数"title": "不宜","desc": "天气不好，不适宜垂钓。"},"beauty": {//化妆指数"title": "保湿","desc": "请选用中性保湿型霜类化妆品。"},"xq": {//心情指数"title": "较差","desc": "雨水可能会使心绪无端地挂上轻愁。"},"travel": {//旅游"title": "适宜","desc": "较弱降水和微风将伴您共赴旅程。"},"hc": {//划船指数"title": "不适宜","desc": "天气不好，建议选择别的娱乐方式。"},"zs": {//中暑指数"title": "无","desc": "气温不高，中暑几率极低。"},"cold": {//感冒"title": "较易发","desc": "降温幅度较大，预防感冒。"},"gj": {//逛街指数"title": "较适宜","desc": "有降水，逛街需要带雨具。"},"uv": {//紫外线"title": "最弱","desc": "辐射弱，涂擦SPF8-12防晒护肤品。"},"cl": {//晨练指数"title": "较不宜","desc": "室外锻炼请携带雨具。"},"glass": {//太阳镜"title": "不需要","desc": "白天能见度差不需要佩戴太阳镜"},"wash_car": {//洗车"title": "不宜","desc": "有雨，雨水和泥水会弄脏爱车。"},"aqi": {//空气质量指数，越小越好"title": "中","desc": "无需特别防护"},"ac": {//空调控制"title": "较少开启","desc": "体感舒适，不需要开启空调。"},"mf": {//美发指数"title": "一般","desc": "建议选用防晒滋润型护发品或带遮阳帽。"},"ag": {//过敏指数"title": "极不易发","desc": "无需担心过敏，可放心外出，享受生活。"},"pj": {//啤酒指数"title": "较适宜","desc": "适量的饮用啤酒，注意不要过量。"},"nl": {//夜生活指数"title": "较不适宜","desc": "建议夜生活最好在室内进行。"},"pk": {//放风筝指数"title": "不宜","desc": "天气不好，不适宜放风筝。"}},"alarmList": [{"city": "大连",  //预警城市"issueContent": "大风蓝色预警:预计23日23时到24日08时:大连、锦州、营口、盘锦、葫芦岛地区陆地偏北风6级,阵风7级;渤海、渤海海峡、黄海北部偏北风7级,阵风8级。大连、丹东、锦州、营口、盘锦、葫芦岛附近海域和航线将受影响,请注意防范。省气象灾害预警中心10月23日16时35分发布","issueTime": "2015-10-23 16:40:00","province": "辽宁省","signalLevel": "蓝色","signalType": "大风"}],"3hourForcast": [{"hour": "20时-23时 ","temperature": "12℃/10℃","weather": "晴","weather_pic": "http://app1.showapi.com/weather/icon/night/00.png","wind_direction": "无持续风向","wind_power": "微风"},{"hour": "23时-02时 ","temperature": "10℃/9℃","weather": "晴","weather_pic": "http://app1.showapi.com/weather/icon/night/00.png","wind_direction": "无持续风向","wind_power": "微风"},{"hour": "02时-05时 ","temperature": "10℃/9℃","weather": "晴","weather_pic": "http://app1.showapi.com/weather/icon/night/00.png","wind_direction": "无持续风向","wind_power": "微风"},{"hour": "05时-08时 ","temperature": "13℃/10℃","weather": "晴","weather_pic": "http://app1.showapi.com/weather/icon/day/00.png","wind_direction": "无持续风向","wind_power": "微风"}]},"hourDataList": [ //当天每半小时数据的累积数组。当天0点清空重新累积。{"aqi": "53","aqiDetail": {"num": "12","co": "0.3","area": "北京","so2": "3","o3": "52","no2": "16","aqi": "32","quality": "优质","pm10": "15","pm2_5": "6","o3_8h": "62","primary_pollutant": ""},"sd": "85%","temperature": "9","temperature_time": "00:00","weather": "多云","weather_pic": "http://appimg.showapi.com/images/weather/icon/night/01.png","wind_direction": "北风","wind_power": "1级"},{"aqi": "53","aqiDetail": {},"sd": "81%","temperature": "10","temperature_time": "00:30","weather": "多云","weather_pic": "http://appimg.showapi.com/images/weather/icon/night/01.png","wind_direction": "北风","wind_power": "1级"} ],"ret_code": 0,"time": "20151023180000"}
}

里面包含天气图片，可以直接调用，十分方便；数据是实时刷新的，30分钟一次

成果如下：

在这里插入图片描述


http://chatgpt.dhexx.cn/article/Zj9NgreM.shtml

相关文章

欧美明星，明星照片，韩国明星，街拍照片

欧美明星，明星照片，韩国明星，街拍照片

一、接口介绍 海量照片&#xff0c;每日更新。根据用户搜索关键词&#xff0c;同时整合几十个网站同一种类照片&#xff0c;返回推送列表。 图片种类包括 性感、车模、男色图片、模特美女、美女魅惑、日韩美女、秀场、中国明星、欧美明星、中国女明星、中国男明星、韩国明星…
阅读更多...
ShowAPI识别验证码

ShowAPI识别验证码

ShowAPI识别验证码 首先官网上有些代码需要我们修改 需要将img改为image否则会出现如下报错&#xff1a; 其次我们需要将URL 后面的184-5改为184-4 最后就是我们执行成功的代码&#xff1a; #codingutf-8 import requests from coderecognize.ShowapiRequest import Showap…
阅读更多...
微信小程序查询接口

微信小程序查询接口

小程序&#xff0c;微信 一、接口介绍 查询已经上架在微信的小程序&#xff0c;放回基本信息、关注人数、二维码、截屏等。使用该接口请将相关图片下载本地使用&#xff0c;不支持直接引用。 如何调用查看效果&#xff1f; 1、点击【在线调试】&#xff0c;如下图所示 2、点…
阅读更多...
使用开放的showapi接口小技巧

使用开放的showapi接口小技巧

2016-6-19 使用showapi的一些基本步骤 开放的showapi可以提供我们一些有用的网络资源&#xff0c;丰富我们开发app的效果。 1.首先注册到showapi网站&#xff0c;任意选择开放的接口&#xff0c;其中有免费和需要付费的&#xff0c;根据需求选择啦。 2.首先进行订阅&#xff…
阅读更多...
易源接口showapi的使用

易源接口showapi的使用

1.背景介绍&#xff1a;showAPI(易源数据)&#xff0c;易源数据通过打破资源壁垒&#xff0c;搭建起数据资源的基础设施&#xff0c;将接口纳入统一的接口池&#xff0c;把多个异构数据源合并到同一根管线上&#xff0c;以统一的访问和控制方式&#xff0c;对外提供统一格式的数…
阅读更多...
MySQL实践精华：sql正则表达式模式匹配

MySQL实践精华：sql正则表达式模式匹配

阅读更多...
sql server使用正则表达式

sql server使用正则表达式

目标 为数据库创建一个正则表达式函数&#xff0c;供查询使用 不建议使用函数&#xff0c;能查询到内存里面用代码解决的就用代码解决&#xff01;&#xff01;&#xff01; 这里的方法仅供参考 操作 1.新建sql server项目 [外链图片转存失败,源站可能有防盗链机制,建议将图…
阅读更多...
hive sql正则表达式总结

hive sql正则表达式总结

正则通配符的介绍 ^ 表示开头 $ 表示结尾 . 表示任意字符 * 表示任意多个 1、元字符匹配 (.) 表示匹配除换行符以外的任意字符。 (\w) 表示匹配字母、下划线、数字 &#xff08;\W匹配汉字&#xff09; (\d) 表示匹配数字 (\s) 表示匹配任意的空白符&#xff08;tab 换行…
阅读更多...
SQL语法——使用正则查询

SQL语法——使用正则查询

MySQL REGEXP运算符 MySQL适应Henry Spencer实现的正则表达式。MySQL允许您使用REGEXP运算符在SQL语句中匹配模式。 以下说明REGEXP了WHERE 子句中运算符 的语法&#xff1a; SELECT column_list FROMtable_name WHEREstring_column REGEXP pattern; 此语句执行 string_colu…
阅读更多...
SQL正则表达式进行搜索

SQL正则表达式进行搜索

基本字符匹配 select prod_name from products where prod_name regexp .000 order by prod_name;分析 这里使用了正则表达式 .000&#xff0c;是正则表达式语言中一个特殊的字符。它表示匹配任意一个字符&#xff0c;因此&#xff0c;1000和2000都匹配且返回。 注意&#xf…
阅读更多...
sql利用正则表达式提取数字及固定字符串

sql利用正则表达式提取数字及固定字符串

需求&#xff1a;最近boss要求做一个专项数据&#xff0c;提取所有数据中涉及酒驾/醉驾但没有正常处理的数据&#xff0c;实现的原理是在描述中查找是否有酒精含量&#xff0c;有就提取出来判断是否酒驾/醉驾&#xff0c;这就涉及到需要用到正则表达式提取数字和字符串。特此做…
阅读更多...
在 sql 中使用正则表达式

在 sql 中使用正则表达式

新建测试表&#xff1a; -- Table: public.table01-- DROP TABLE public.table01;CREATE TABLE IF NOT EXISTS public.table01 (id bigint NOT NULL,name character varying COLLATE pg_catalog."default" NOT NULL,age integer,CONSTRAINT table01_pkey PRIMARY KE…
阅读更多...
关于sql的正则表达式

关于sql的正则表达式

1、关于正则表达式的四个函数&#xff0c;如下 REGEXP_LIKE (匹配) REGEXP_INSTR (包含) REGEXP_REPLACE (替换) REGEXP_SUBSTR (提取) 2、在做正则时&#xff0c;做匹配的可能比较多&#xff0c;因此需要了解匹配字符定位 1&#xff1a;定位元字符 元字符说明^使表达式定位…
阅读更多...
SQL 正则表达式

SQL 正则表达式

一、正则表达式 like与regexp的区别[1]like匹配整个列[2]。如果被匹配的文本仅在列值中出现&#xff0c;LIKE并不会找到它&#xff0c;相应的行也不会返回&#xff08;当然&#xff0c;使用通配符除外&#xff09;&#xff1b;REGEXP在列值内进行匹配。如果被匹配的匹配的文本…
阅读更多...
初识Nginx (一)

初识Nginx (一)

初识Nginx (一) Nginx适用于哪些场景 一个web请求从红色箭头进来后&#xff0c;会先经过Nginx&#xff0c;然后进入应用程序&#xff0c;然后再去访问数据库或缓存服务。 那么这里有一个问题&#xff0c;我们的应用服务要求的开发效率很高&#xff0c;所以运行效率是很低的&a…
阅读更多...
SQL Server数据库维护计划的实施步骤（转帖）

SQL Server数据库维护计划的实施步骤（转帖）

我公司在组建局域网时&#xff0c;考虑到商业企业的特点&#xff0c;仔细考量了购、销、存三大环节中发生的各种数据及其存储问题后&#xff0c;选定了以Windows 2000 Server为操作系统&#xff0c;SQL Server 2000为数据库平台来搭建局域网的应用系统的软件平台&#xff0c;以…
阅读更多...
达梦数据库的使用与维护

达梦数据库的使用与维护

本文是从安装达梦库到使用维护的过程。 1.达梦库的安装 1.1收集软硬件信息 我是用的是本地虚拟机&#xff0c;操作系统是中标麒麟6.0&#xff0c;数据库版本为dm7_setup_rh6_64_ent_7.6.0.197_20190917。安装前需确认下机器的cpu&#xff0c;系统版本&#xff0c;空间存储等…
阅读更多...
SQL Server 维护计划（数据库备份）

SQL Server 维护计划（数据库备份）

通过维护计划实现数据库完整备份 步骤一 打开数据库——》在资源管理器中找到管理——》找到维护计划——》鼠标右键新建维护计划 步骤二 在资源管器左边——》选择工具箱——》将"备份数据库"任务、"清除维护任务"、"收缩数据库"任务选项——…
阅读更多...
【数据库管理】数据库自动维护任务介绍

【数据库管理】数据库自动维护任务介绍

概述自动维护任务的演变 10g 预定义的维护窗口Maintenance Windows预定义的自动系统任务Predefined Automatic System Tasks 11g 预定义的维护窗口Maintenance Windows预定义自动维护任务Automated Maintenance Tasks 12c 预定义的维护窗口Maintenance Windows预定义自动维护任…
阅读更多...
服务器数据库维护需要做哪些,数据库运维究竟需要做什么?

服务器数据库维护需要做哪些,数据库运维究竟需要做什么?

数据库是存放数据、经常是那些高敏感度数据的宝库，因此它也毫无疑问的是合规检查程序的重点区域。几乎所有的企业合规都会对哪些人、能在什么时间、访问什么数据库作出规定，并且需要一个专职人员来管理这些权限。那么，作为管理数据库的专职人员，需要做些什么呢？下面来了解…
阅读更多...
推荐文章

Copyright @ 2022~2023