一个简单的天气预报

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 4216 天前的主题，其中的信息可能已经有所发展或是发生改变。

端午快乐，V2EX的童鞋们。

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

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

API

浏览器

天气预报

21 条回复 • 1970-01-01 08:00:00 +08:00

Fuxiang

2013-06-12 15:02:56 +08:00

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

yibin001

2013-06-12 16:08:52 +08:00

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

yetone

2013-06-12 16:52:39 +08:00 via Android

很漂亮，强烈支持！

yetone

2013-06-12 16:54:14 +08:00 via Android

痛仰你好:)

haichong520

2013-06-12 16:55:44 +08:00

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

beric

2013-06-13 11:36:31 +08:00

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

haichong520

2013-06-13 12:06:39 +08:00 via iPad

@yetone 握爪

haichong520

2013-06-13 12:10:45 +08:00 via iPad

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

beric

2013-06-13 12:43:30 +08:00

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

skyshy

2013-06-13 13:00:39 +08:00

good++

haiyang416

2013-06-13 14:10:49 +08:00

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

haichong520

2013-06-13 15:36:55 +08:00

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

hit9

2013-06-13 15:42:53 +08:00

不错
！

chuangbo

2013-06-13 19:01:58 +08:00 via iPad

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

haichong520

2013-06-13 19:37:39 +08:00

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

Hyperion

2013-06-13 20:13:31 +08:00

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

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

yibin001

2013-06-13 21:17:16 +08:00

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

cai314494687

2013-06-14 09:15:40 +08:00

赞～！

haichong520

2013-06-14 13:35:46 +08:00 via iPhone

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

haichong520

2013-06-14 13:39:27 +08:00 via iPhone

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

kawaiiushio

2013-07-31 01:50:04 +08:00

希望开源了哈哈