V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
haichong520
V2EX  ›  分享创造

一个简单的天气预报

  •  
  •   haichong520 ·
    haichong0813 · 2013-06-12 14:59:05 +08:00 · 4206 次点击
    这是一个创建于 4171 天前的主题,其中的信息可能已经有所发展或是发生改变。
    端午快乐,V2EX的童鞋们。

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



    温馨提示:为了获得最佳体验请使用高级浏览器,Chrome,Firefox,Safari
    demo:http://www.xiaoqian.org/project/weather/
    21 条回复    1970-01-01 08:00:00 +08:00
    Fuxiang
        1
    Fuxiang  
       2013-06-12 15:02:56 +08:00
    yibin001
        2
    yibin001  
       2013-06-12 16:08:52 +08:00
    tencent的接口除了接受城市名还接受什么?经纬度接受么?
    yetone
        3
    yetone  
       2013-06-12 16:52:39 +08:00 via Android
    很漂亮,强烈支持!
    yetone
        4
    yetone  
       2013-06-12 16:54:14 +08:00 via Android
    痛仰你好:)
    haichong520
        5
    haichong520  
    OP
       2013-06-12 16:55:44 +08:00
    @yibin001 Sorry,只支持城市拼音和汉字。yahoo weather api 支持经纬度,不过result是英文的,还得翻译,比较麻烦。
    beric
        6
    beric  
       2013-06-13 11:36:31 +08:00
    @haichong520 我做了一个天气预报是用WEATHER.COM上面的,那里支持经纬度,和GOOGLE NOW或搜索天气出来的数据是一致的
    haichong520
        7
    haichong520  
    OP
       2013-06-13 12:06:39 +08:00 via iPad
    @yetone 握爪
    haichong520
        8
    haichong520  
    OP
       2013-06-13 12:10:45 +08:00 via iPad
    @beric 嗯?得到的数据是英文吧?
    beric
        9
    beric  
       2013-06-13 12:43:30 +08:00
    @haichong520 可以直接选择语言中文的
    skyshy
        10
    skyshy  
       2013-06-13 13:00:39 +08:00
    good++
    haiyang416
        11
    haiyang416  
       2013-06-13 14:10:49 +08:00
    地址不准确呀,为什么我在北京...
    haichong520
        12
    haichong520  
    OP
       2013-06-13 15:36:55 +08:00
    @haiyang416 嗯?清理一下浏览器地理位置试试
    hit9
        13
    hit9  
       2013-06-13 15:42:53 +08:00
    不错
    chuangbo
        14
    chuangbo  
       2013-06-13 19:01:58 +08:00 via iPad
    如果在链接前面加一个空格,就可以直接点了
    haichong520
        15
    haichong520  
    OP
       2013-06-13 19:37:39 +08:00
    @chuangbo 额,还有这招 = =,多谢大师兄!
    Hyperion
        16
    Hyperion  
       2013-06-13 20:13:31 +08:00
    loading图旋转中心不对嘛...

    那啥, LZ头像很赞, 痛仰...
    yibin001
        17
    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
        18
    cai314494687  
       2013-06-14 09:15:40 +08:00
    赞~!
    haichong520
        19
    haichong520  
    OP
       2013-06-14 13:35:46 +08:00 via iPhone
    @yibin001 yEs,城市覆盖不全。比较全面的接口你可以看看中国天气网,雅虎天气。
    haichong520
        20
    haichong520  
    OP
       2013-06-14 13:39:27 +08:00 via iPhone
    @Hyperion font-face模拟的,貌似准星不够
    kawaiiushio
        21
    kawaiiushio  
       2013-07-31 01:50:04 +08:00
    希望开源了 哈哈
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1049 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 20:06 · PVG 04:06 · LAX 12:06 · JFK 15:06
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.