zoukankan      html  css  js  c++  java
  • 基于HTML5 geolocation 实现的天气预报功能

    最近一直在学习HTML5,因为8月份要开发手机项目了。所以先把HTML5学习下。

    基本思路:

    1. 用户未设置任何城市之前,根据HTML5 geolocation 获取用户所在的地理位置。

    2. 根据用户设置的城市切换到所在城市的天气数据并展示之。

    3. 根据当前城市的天气,展示近3天的天气情况。

    从界面而言,基本上是仿百度小天气实现的,图片等也是在百度天气中下载到。天气的接口是调用的国家气象局提供的接口数据。

    从程序来讲,里面使用了一个ajax.php文件,主要是用来根据城市名称获取天气的情况,并实现缓存天气数据。设置的是每隔4小时更新缓存(在用户访问界面后)。

    先看看实现的效果:

    说明一点:在运行时请使用支持HTML5的浏览器,才能查看到该效果。因为有PHP文件,所以必须在PHP环境下运行展示。

    点击这里下载程序包

     如果有遇到程序的问题,请给我留言,我会尽快处理。希望和大家共进步。

    朋友们可以点击我的新站:http://www.webfxb.com/

  • 相关阅读:
    GUI常用监听事件
    GUI容器之布局管理器
    布局管理器的综合应用
    GUI容器之Panel
    mongodb
    redis持久化
    本地window启动redis
    redis主从模式
    hash 哈希
    set集合
  • 原文地址:https://www.cnblogs.com/yangjinjin/p/3214075.html
Copyright © 2011-2022 走看看