frank

用心知天气装点你的网页
1 前言当我们在浏览网页时,突然听到外面一阵雷鸣,肯定会立马查查天气。这篇文章正是介绍如何在网页中嵌入一个天气小插...
扫描右侧二维码阅读全文
03
2018/08

用心知天气装点你的网页

1 前言

当我们在浏览网页时,突然听到外面一阵雷鸣,肯定会立马查查天气。这篇文章正是介绍如何在网页中嵌入一个天气小插件,让自己的网站更加实用、美观。一起来看看吧!

2 介绍

本篇文章的天气实况用了心知天气的api,接来是一段长长的安利(请自动跳过😋):

心知致力于通过气象和环境大数据分析为企业提供气象信息产品和BI服务,帮助企业增强在不同天气和环境中赢利的能力。心知的团队核心成员来自微软、Google、京东、Frog Design等知名公司,目前,心知天气正在为华为、中国航信、科勒、泰康人寿、中青旅、霍尼韦尔、大姨吗等上百家客户提供企业级的气象服务。

心知天气是中国气象局华风集团的战略合作伙伴,并与多家国内外高校、公司、组织建立了合作关系。心知天气的数据涵盖了全球2.4万个城市,提供了实时天气、15天预报、逐小时预报、空气质量实况和预报、灾害预警等数十种天气数据。心知天气以API形式面向企业和开发者提供的准确、稳定、丰富的数据服务,让企业和开发者可以将心知天气数据轻松整合进手机/桌面应用或数据分析系统。

心知天气的愿景是:汇聚自然界数据,让自然大数据更有温度、更有价值。

3 安装网页小插件

3.1 生成代码

首先,先去心知天气生成你的代码。

以下是我的配置

插件配置

然后复制你的代码,准备在网页端部署。

3.2 部署

将代码粘贴在合适的地方,为了保持代码的可读性,建议在前后都加上Weather,如下

<!-- Weather -->
//此处粘贴代码
<!-- Weather -->

同时,为了符合网页的其他配置,请根据需求自行修改<div id="" class="">

注意,请不要修改默认的id

4 结尾

就此,小插件的安装已经完成,我把它安在了导航栏,就在这篇文章的上方。希望大家多多支持。

Last modification:August 27th, 2018 at 05:32 pm
If you think my article is useful to you, please feel free to appreciate

One comment

  1. 沉默是金

    不错,有空了试试

Leave a Comment