一个简单的天气预报

2013-06-12 14:59:05 +08:00
 haichong520
端午快乐，V2EX的童鞋们。

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



温馨提示：为了获得最佳体验请使用高级浏览器，Chrome，Firefox，Safari
demo：http://www.xiaoqian.org/project/weather/
4059 次点击
所在节点    分享创造
21 条回复
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
很漂亮，强烈支持！
yetone
2013-06-12 16:54:14 +08:00
痛仰你好:)
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
@yetone 握爪
haichong520
2013-06-13 12:10:45 +08:00
@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
如果在链接前面加一个空格，就可以直接点了
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
@yibin001 yEs，城市覆盖不全。比较全面的接口你可以看看中国天气网，雅虎天气。
haichong520
2013-06-14 13:39:27 +08:00
@Hyperion font-face模拟的，貌似准星不够

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/72134

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX