一个简单的天气预报

爱意满满的作品展示区。

This topic created in 4891 days ago, the information mentioned may be changed or developed.

端午快乐，V2EX的童鞋们。

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

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

API

浏览器

天气预报

21 replies • 1970-01-01 08:00:00 +08:00

Fuxiang

Jun 12, 2013

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

yibin001

Jun 12, 2013

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

yetone

Jun 12, 2013 via Android

很漂亮，强烈支持！

yetone

Jun 12, 2013 via Android

痛仰你好:)

haichong520

Jun 12, 2013

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

beric

Jun 13, 2013

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

haichong520

Jun 13, 2013 via iPad

@yetone 握爪

haichong520

Jun 13, 2013 via iPad

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

beric

Jun 13, 2013

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

skyshy

Jun 13, 2013

good++

haiyang416

Jun 13, 2013

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

haichong520

Jun 13, 2013

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

hit9

Jun 13, 2013

不错
！

chuangbo

Jun 13, 2013 via iPad

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

haichong520

Jun 13, 2013

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

Hyperion

Jun 13, 2013

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

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

yibin001

Jun 13, 2013

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

cai314494687

Jun 14, 2013

赞～！

haichong520

Jun 14, 2013 via iPhone

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

haichong520

Jun 14, 2013 via iPhone

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

kawaiiushio

Jul 31, 2013

希望开源了哈哈