wetter下載 - wetter源代碼下載

wetter

其他類別

1.0.0

下載

濕 - 天氣預報聚合。

當我們搬到新的城市，無論是短期還是長時間的持續時間時，與我們的家鄉相比，我們腦海中的一個主要問題是該地方的天氣狀況。在各種網站和應用程序上，立即可用的天氣條件不足以在城市之間在其氣候方面進行良好的比較。

我們打算開發一個Web應用程序，該應用程序將提供有關特定城市各種環境屬性的信息。我們嘗試以圖形方式顯示這些信息，用戶可以與之交互。

項目設置並運行

將項目導入日食
- 打開Eclipse- >單擊文件- >單擊導入- >單擊常規- >單擊現有項目進入工作區。按照屏幕說明進行操作。
- 確保項目中存在構建路徑上的所有罐子和類文件夾。

設置API鍵

註冊
- Google Maps JavaScript API密鑰在這裡
- 天氣api- openweathermap鍵在這裡
- 黑暗的天空api鍵在這裡

在wetterWebContentresourcesincludesapi.jsp文件中設置上述密鑰；第4,5,6行。

 String api_key_GoogleMapsJavaScript   = "INSERT_YOUR_KEY" ;
String api_key_OpenWeatherMap         = "INSERT_YOUR_KEY" ;
String api_key_DarkSky                = "INSERT_YOUR_KEY" ;

可選設置代理即。 http.proxyHost && http.proxyPort在文件中：
- wetterWebContentresourcesincludesapi.jsp ;第24行
在Apache Tomcat服務器上運行項目。

螢幕

主頁

主頁，顯示下拉的可用地圖層

資產/index_autocomplete.png

地圖頁面，顯示各種天氣層覆蓋（溫度，雲，風）

資產/地圖

主頁，顯示位置智能自動完成功能供搜索

資產/index_autocomplete_merge.png

統計頁面（僅用於表示）

資產/濕___ stats.jsp.png

地理位置頁面，根據用戶的地理位置（需要支持的瀏覽器）顯示具有自動單元（攝氏/華氏度等）的詳細天氣預測

資產/濕___ geo_loc.jsp.png

查找頁面，顯示帶有自動單元（攝氏/華氏度等）的搜索詞的詳細天氣預報

資產/濕___ geo_lookup_miami.jsp.png
資產/濕___ geo_lookup_mumbai.jsp.png
資產/濕___ geo_lookup_bombay.jsp.png

第三方資源

蜜蜂

Google地圖JavaScript API
天氣api- openweathermap
黑暗的天空API

Java庫：

json在java [package org.json]
Java庫，用於解析JSON。在項目中的多個位置使用。
預測lib-java
Darksky.net API的Java庫（以前是forecast.io）。使用最小json來解析JSON API響應。

其他：

Flat-ui
設計框架（HTML/CSS3/LINS/JS）。 Flat UI基於Bootstrap，這是一個舒適，響應且功能性的框架，可簡化網站的開發。
字體很棒
標誌性字體和CSS框架。 Font Awesome是一套由Dave Gandy創建和維護的網站上的634個像形圖標的完整套件。在Twitter：@fontawesome上及時了解最新版本和公告。
天氣圖標
222天氣主題的圖標和CSS。天氣圖標是唯一具有222個天氣主題圖標的圖標字體和CSS，可以直接放入Bootstrap，或任何需要高質量天氣，海上和基於氣象的圖標的項目！
Skycons
SkyCons是一組由十個動畫天氣字形組成的，它是由JavaScript使用HTML5畫布標籤生成的。它們易於使用，而且輕巧，因此您不應該在遊行隊伍中下雨。
jQuery
跨平台JavaScript庫，旨在簡化HTML的客戶端腳本。
jQuery地理編碼並放置自動完整插件
一個高級jQuery插件，它包裝Google Maps API的地理編碼並放置自動完成服務。您只需提供一個輸入，可以讓您搜索具有不錯的自動完成下拉列表的位置。（可選）添加一個容器以顯示交互式地圖和將填充地址詳細信息的表單。
高腦
HighCharts JS是基於SVG的JavaScript圖表庫，舊瀏覽器的後備為VML和畫布。
Sam Hewitt的“ Paper Icons”的Brand Logo Gnome-Weather.png在CC-SA-4.0下獲得許可