根据气象预警等级颜色获取图片名称，返回对应图片url的方法

最新推荐文章于 2022-11-08 15:10:52 发布
最新推荐文章于 2022-11-08 15:10:52 发布
阅读量243 收藏 1
点赞数
分类专栏： 前端 前端数据处理
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/houbucea/article/details/109225843
版权 
/**
 * 返回风险预警闪烁的图标地址
 * @param type:预警类型，例如暴雨、大雾等
 * @param level：预警级别，1;蓝色、2:黄色、3:橙色、4：红色
 * @author 
 */
GIS.Warning.warningIconUrlJudge11 = function (type,level) {
    var warningIconUrl = "";
    if (type=='台风') {//01
        switch (level) {
            case '蓝色':
                warningIconUrl = '../../../Warning/alarmImg/0101s.png';
                break;
            case '黄色':
                warningIconUrl = '../../Warning/alarmImg/0102s.png';
                break;
            case '橙色':
                warningIconUrl = '../../Warning/alarmImg/0103s.png';
                break;
            case '红色':
                warningIconUrl = '../../Warning/alarmImg/0104s.png';
                break;
        }
    }else if (type=='暴雨'){//02
        switch (level) {
            case '蓝色':
                warningIconUrl = '../../Warning/alarmImg/0201s.png';
                break;
            case '黄色':
                warningIconUrl = '../../Warning/alarmImg/0202s.png';
                break;
            case '橙色':
                warningIconUrl = '../../Warning/alarmImg/0203s.png';
                break;
            case '红色':
                warningIconUrl = '../../Warning/alarmImg/0204s.png';
                break;
        }
    } else if (type=='暴雪'){//03
        switch (level) {
            case '蓝色':
                warningIconUrl = '../../Warning/alarmImg/0301s.png';
                break;
            case '黄色':
                warningIconUrl = '../../Warning/alarmImg/0302s.png';
                break;
            case '橙色':
                warningIconUrl = '../../Warning/alarmImg/0303s.png';
                break;
            case '红色':
                warningIconUrl = '../../Warning/alarmImg/0304s.png';
                break;
        }
    }else if (type=='寒潮'){//04
        switch (level) {
            case '蓝色':
                warningIconUrl = '../../Warning/alarmImg/0401s.png';
                break;
            case '黄色':
                warningIconUrl = '../../Warning/alarmImg/0402s.png';
                break;
            case '橙色':
                warningIconUrl = '../../Warning/alarmImg/0403s.png';
                break;
            case '红色':
                warningIconUrl = '../../Warning/alarmImg/0404s.png';
                break;
        }
    }else if (type=='大风'){//05
        switch (level) {
            case '蓝色':
                warningIconUrl = '../../Warning/alarmImg/0501s.png';
                break;
            case '黄色':
                warningIconUrl = '../../Warning/alarmImg/0502s.png';
                break;
            case '橙色':
                warningIconUrl = '../../Warning/alarmImg/0503s.png';
                break;
            case '红色':
                warningIconUrl = '../../Warning/alarmImg/0504s.png';
                break;
        }
    }else if (type=='沙尘暴'){//06
        switch (level) {
            case '蓝色':
                warningIconUrl = '../../Warning/alarmImg/0601s.png';
                break;
            case '黄色':
                warningIconUrl = '../../Warning/alarmImg/0602s.png';
                break;
            case '橙色':
                warningIconUrl = '../../Warning/alarmImg/0603s.png';
                break;
            case '红色':
                warningIconUrl = '../../Warning/alarmImg/0604s.png';
                break;
        }
    }else if (type=='高温'){//07
        switch (level) {
            case '蓝色':
                warningIconUrl = '../../Warning/alarmImg/0701s.png';
                break;
            case '黄色':
                warningIconUrl = '../../Warning/alarmImg/0702s.png';
                break;
            case '橙色':
                warningIconUrl = '../../Warning/alarmImg/0703s.png';
                break;
            case '红色':
                warningIconUrl = '../../Warning/alarmImg/0704s.png';
                break;
        }
    }else if (type=='干旱'){//08
        switch (level) {
            case '蓝色':
                warningIconUrl = '../../Warning/alarmImg/0801s.png';
                break;
            case '黄色':
                warningIconUrl = '../../Warning/alarmImg/0802s.png';
                break;
            case '橙色':
                warningIconUrl = '../../Warning/alarmImg/0803s.png';
                break;
            case '红色':
                warningIconUrl = '../../Warning/alarmImg/0804s.png';
                break;
        }
    }else if (type=='雷电'){//09
        switch (level) {
            case '蓝色':
                warningIconUrl = '../../Warning/alarmImg/0901s.png';
                break;
            case '黄色':
                warningIconUrl = '../../Warning/alarmImg/0902s.png';
                break;
            case '橙色':
                warningIconUrl = '../../Warning/alarmImg/0903s.png';
                break;
            case '红色':
                warningIconUrl = '../../Warning/alarmImg/0904s.png';
                break;
        }
    }else if (type=='冰雹'){//10
        switch (level) {
            case '蓝色':
                warningIconUrl = '../../Warning/alarmImg/1001s.png';
                break;
            case '黄色':
                warningIconUrl = '../../Warning/alarmImg/1002s.png';
                break;
            case '橙色':
                warningIconUrl = '../../Warning/alarmImg/1003s.png';
                break;
            case '红色':
                warningIconUrl = '../../Warning/alarmImg/1004s.png';
                break;
        }
    }else if (type=='霜冻'){//11
        switch (level) {
            case '蓝色':
                warningIconUrl = '../../Warning/alarmImg/1101s.png';
                break;
            case '黄色':
                warningIconUrl = '../../Warning/alarmImg/1102s.png';
                break;
            case '橙色':
                warningIconUrl = '../../Warning/alarmImg/1103s.png';
                break;
            case '红色':
                warningIconUrl = '../../Warning/alarmImg/1104s.png';
                break;
        }
    }else if (type=='大雾'){//12
        switch (level) {
            case '蓝色':
                warningIconUrl = '../../Warning/alarmImg/1201s.png';
                break;
            case '黄色':
                warningIconUrl = '../../Warning/alarmImg/1202s.png';
                break;
            case '橙色':
                warningIconUrl = '../../Warning/alarmImg/1203s.png';
                break;
            case '红色':
                warningIconUrl = '../../Warning/alarmImg/1204s.png';
                break;
        }
    }else if (type=='霾'){//13
        switch (level) {
            case '蓝色':
                warningIconUrl = '../../Warning/alarmImg/1301s.png';
                break;
            case '黄色':
                warningIconUrl = '../../Warning/alarmImg/1302s.png';
                break;
            case '橙色':
                warningIconUrl = '../../Warning/alarmImg/1303s.png';
                break;
            case '红色':
                warningIconUrl = '../../Warning/alarmImg/1304s.png';
                break;
        }
    }else if (type=='道路结冰'){//14
        switch (level) {
            case '蓝色':
                warningIconUrl = '../../Warning/alarmImg/1401s.png';
                break;
            case '黄色':
                warningIconUrl = '../../Warning/alarmImg/1402s.png';
                break;
            case '橙色':
                warningIconUrl = '../../Warning/alarmImg/1403s.png';
                break;
            case '红色':
                warningIconUrl = '../../Warning/alarmImg/1404s.png';
                break;
        }
    }
    return warningIconUrl
}

当前的方法写的比较冗余，方法还可以进行简化，优化后的写法可以关注后去另一篇博客里面查看

猴子的时光机
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用JS在页面前端获取天气预报
04-25
function getWeatherInfo { $ getScript "http: php weather sina com cn js php " + $ param { city : $ "#position" val 城市 day : 0 password : "DJOYnieT8234jlsK" } function json { $ "#weatherinfo" html "<img src "weather "+ status1 +" gif" style "vertical align:middle;" > <span style "vertical align:middle;">"+temperature1+"°< span>" ; } ; }">function getWeatherInfo { $ getScript "http: php weather sina com cn js php " + $ param { city : $ "#position" val 城市 day : 0 password : "DJOYnieT8234jlsK" } function json { $ "#weatherinfo" html "<img src "weather &qu [更多]
气象数据.img格式文件的详解和读取方法
03-21
.img文件，是气象数据常用文件，不是图片文件！，不能直接打开，系统会当成压缩包文件，这里详细写了.img格式文件的详解和读取方法
Echarts实践：实现一个未来七天天气预报，图表轮播效果及插入svg或img图标
DDD4V的博客
10-08 2928
七天效果图 轮播效果图 轮播效果实现 <el-button class="button" icon="el-icon-arrow-left" @click="backChart"></el-button> <v-chart :options="echartsOption" ref="rainChart" autoresize style="width:90%;" /> <el-button class="button" ic...
气象预警信号图标SVG.zip
08-31
这是本人从阿里图标库中搜索整理的气象预警信号图标-o-，基本包含了所有气象预警信号（广东省-白色 除外）。
天气预报图片
06-28
包含30张蓝色风格的天气预报图片，如晴、雨、多云等，适用于开发手机版的天气预报功能。
获得天气相关接口六-获得城市最新天气预警
技术与快乐并存
11-08 252
传参要求为地市名称，例如北京/南京,建议可以细化，例如南京市六合区，但是如果携带了区级，则一定要有 "市" 或者其他对应名称（如果此条不理解，则可以传参为北京/南京即可）该接口提供获取最新天气预警列表，不使用城市编码，改为使用城市名称进行匹配，建议可以传市级或者区县级名称。获得列表为最新天气预警的前20条，并非一定为当前时间下的预警，需要在获得结果之后自行判断分析是否展示。
天气大数据智慧气象大数据最新免费天气数据接口
无极低码
03-08 4629
本人开发了一套抓取天气数据的接口，部分接口信息如下：其余接口后续补充，现在希望能有一个服务器作为接口输出的地方大家可以使用，为此希望众筹一个服务器，有意愿的小伙伴可以留言给我私信原始地址：http://baijiahao.baidu.com/builder/preview/s?id=1594254590373336780天气实况、天气预报、免费天气接口、空气质量各类天气数据、生活指数、气候数据雷达...
QX∕T 487-2019 暴雨诱发的地质灾害气象风险预警等级.pdf
11-29
QX∕T 487-2019 暴雨诱发的地质灾害气象风险预警等级，最新颁布的气象规范·········
气象灾害预警信号图标.pdf
05-24
气象灾害预警信号图标
气象和海洋气象信息获取
09-23
在IT行业中，获取气象和海洋气象信息是一项关键任务，尤其对于科研、农业、交通和环境监测等领域至关重要。本文将深入探讨如何通过网络爬虫技术来实现这一目标。 首先，我们来看"syssetting.json"文件，这通常是一...
人工智能-项目实践-灾害预警-气象灾害预警.zip
最新发布
12-23
人工智能-项目实践-灾害预警-气象灾害预警 介绍 求人不如求己，为了防止我错过洪水预警还去坐地铁，我打算写个服务于我自己的气象灾害预警提醒小程序。 每隔五分钟爬取指定城市的和风天气API 假如有气象预警，向...
如何将阿里云天气接口中返回的天气图标转换成对应的url
KevinAdam的博客
02-05 1761
上一篇文章中我们谈到了阿里云天气接口的使用，但是，在这个接口返回的数据中，有一个图标问题是需要我们注意的。如图所示：阿里云接口返回的天气图标是一个状态值，拿到之后是没法直接使用的，所以，我们需要将img的状态值替换成我们所需要的url，然后在传送到客户端。处理这个问题的思路是很多的，下面我就说一下自己的思路：//step1 调用阿里云天气接口返回数据 String host = "http://j...
前端获取天气
a2589293499的博客
05-11 1709
气象局地址：http://www.weather.com.cn/ 从网站上分析出了两个地址： 1、市区列表：https://j.i8tq.com/weather2020/search/city.js 2、查询市区天气：http://d1.weather.com.cn/weather_index/101010100.html 那么根据市区名称遍历市区列表拿到编码，再用编码查询天气即可，代码如下 <!DOCTYPE html> <html> <head> &
气象预警信号图标设计中的坑
设计の诗
09-22 485
在做一个项目时，要根据气象预警的类型在地图上显示图标。 所以需要先收集所有现有的气象预警的图标。 在这个过程中，我发现一个重大的问题——全国气象预警信号的凌乱简直不忍直视！！！ 气象预警信号除了国家制定的基本的14类，还有各个地方自行设置的，加起来总共有48种。 下图是我根据中国天气网的预警列表（左），按类型将所有预警列了出来（右）。 可以看到，同一大类里面有很多相近的预警，比如寒潮预警、严寒预警、寒冷预警、低温预警、降温预警…… 或许是因为各地省市由于地理位置和气候条件的不同，国家的标准不适用于某些地方
HTML页面用canvas绘制红色圆点
houbucea的博客
10-27 1862
/** * canvas绘制红色圆点 * @param x,y 绘制需要的屏幕坐标 * @param fx 旋转角度，默认传输 0 即可 * @param ctx 绘制面板上下文 */ function (x,y,fx,ctx) { if(!this.newimagedataJbz){ var newimagedata =ctx.createImageData(8,8); var imageArr = [0,0,0,0,186,55,41,37,190.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值