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

日期：2012-6-14??来源：GBin1.com

在线演示 ? 本地下载

今 天我们介绍来自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。

主要思路

在这个教程中，我们主要思路如下：

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

web应用代码

......

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