一个简单的天气预报

[haichong520]

端午快乐，V2EX的童鞋们。

继续coding，做了一个简单的天气预报，用了HTML5的Geolocation特性来获取地理位置，Google Maps API + Tencent Weather API。同时支持手动输入城市，不支持特性的浏览器做了简单的降级处理。废话不多说，上图吧。



温馨提示：为了获得最佳体验请使用高级浏览器，Chrome，Firefox，Safari
demo：http://www.xiaoqian.org/project/weather/

[Fuxiang]

不错，不错，支持
http://screencloud.net/img/screenshots/f08996e4b330318e4cec46d2f00a704b.png

[yibin001]

tencent的接口除了接受城市名还接受什么?经纬度接受么？

[yetone]

很漂亮，强烈支持！

[yetone]

痛仰你好:)

[haichong520]

@yibin001 Sorry，只支持城市拼音和汉字。yahoo weather api 支持经纬度，不过result是英文的，还得翻译，比较麻烦。

[beric]

@haichong520 我做了一个天气预报是用WEATHER.COM上面的，那里支持经纬度，和GOOGLE NOW或搜索天气出来的数据是一致的

[haichong520]

@yetone 握爪

[haichong520]

@beric 嗯？得到的数据是英文吧？

[beric]

@haichong520 可以直接选择语言中文的

[skyshy]

good++

[haiyang416]

地址不准确呀，为什么我在北京...

[haichong520]

@haiyang416 嗯？清理一下浏览器地理位置试试

[hit9]

不错
！

[chuangbo]

如果在链接前面加一个空格，就可以直接点了

[haichong520]

@chuangbo 额，还有这招 = =，多谢大师兄！

[Hyperion]

loading图旋转中心不对嘛...

那啥, LZ头像很赞, 痛仰...

[yibin001]

这个接口有一些城市没有数据，比如：
湖北十堰：
http://sou.qq.com/online/get_weather.php?city=%E5%8D%81%E5%A0%B0

[cai314494687]

赞～！

[haichong520]

@yibin001 yEs，城市覆盖不全。比较全面的接口你可以看看中国天气网，雅虎天气。

[haichong520]

@Hyperion font-face模拟的，貌似准星不够