基於HTML5 geolocation 實現的天氣預報功能


最近一直在學習HTML5,因為8月份要開發手機項目了。所以先把HTML5學習下。

基本思路:

1. 用戶未設置任何城市之前,根據HTML5 geolocation 獲取用戶所在的地理位置。

2. 根據用戶設置的城市切換到所在城市的天氣數據並展示之。

3. 根據當前城市的天氣,展示近3天的天氣情況。

從界面而言,基本上是仿百度小天氣實現的,圖片等也是在百度天氣中下載到。天氣的接口是調用的國家氣象局提供的接口數據。

從程序來講,里面使用了一個ajax.php文件,主要是用來根據城市名稱獲取天氣的情況,並實現緩存天氣數據。設置的是每隔4小時更新緩存(在用戶訪問界面后)。

先看看實現的效果:

說明一點:在運行時請使用支持HTML5的瀏覽器,才能查看到該效果。因為有PHP文件,所以必須在PHP環境下運行展示。

點擊這里下載程序包

 如果有遇到程序的問題,請給我留言,我會盡快處理。希望和大家共進步。

朋友們可以點擊我的新站:http://www.webfxb.com/


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM