您所在的位置:开发 > Web > 技术热点 > jQ、Yahoo API和HTML 5开发天气预报应用(1)

jQ、Yahoo API和HTML 5开发天气预报应用(1)

2012-06-18 15:40 gbin1 gbin1的博客 字号:T | T
一键收藏,随时查看,分享好友!

使用Geolocation取得用户的地理位置信息,然后,使用yahoo的 PlaceFinder API,来通过经纬度来找到具体地点,例如,城市或者国家。其中包括了woeid,这个用来在天气预报应用中找到国家。

AD:

使用jQuery,Yahoo API和HTML5的geolocation来开发一个天气预报web应用

在线演示  本地下载

今天我们介绍来自tutorialzine的一个HTML5/jQuery/Yahoo API的开发教程,在这篇文章中我们将介绍如何使用HTML5的Geolocation,jQuery和YahooAPI来开发一个天气预报web应用。 如果你不熟悉HTML5的Geolocation(地理位置服务),请参考我们的HTML5教程: HTML5 Geolocation

首先你需要得到Yahoo API的API key,你可以通过如下地址取得对应的API key:https://developer.apps.yahoo.com/dashboard/createKey.html

以上创建过程中会要求你输入相关应用地址等信息。创建成功后,你可以得到APPID。

主要思路

在这个教程中,我们主要思路如下:

使用Geolocation取得用户的地理位置信息

然后,使用yahoo的 PlaceFinder API,来通过经纬度来找到具体地点,例如,城市或者国家。其中包括了woeid,这个用来在天气预报应用中找到国家。

最后,我们将调用yahoo的Weather API来取得天气。

web应用代码

内容导航
 第 1 页:主要思路  第 2 页:HTML代码
 第 3 页:Javascript代码



分享到:

热点职位

更多>>

热点专题

更多>>

读书

计算机病毒分析与防治简明教程
本书全面翔实地介绍了各种病毒的原理,以操作系统的发展为主线,结合病毒的发展过程来综合分析病毒。在分析工具上,较多地利用了

51CTO旗下网站

领先的IT技术网站 51CTO 领先的中文存储媒体 WatchStor 中国首个CIO网站 CIOage 中国首家数字医疗网站 HC3i 51CTO学院