淡江大學覺生紀念圖書館 (TKU Library)
進階搜尋


下載電子全文限經由淡江IP使用) 
系統識別號 U0002-1808201014072500
中文論文名稱 應用Google Map API實現風災資訊平台
英文論文名稱 The Application of Google Map API to Achieve a Wind-Induced Damage Repository Platform
校院名稱 淡江大學
系所名稱(中) 土木工程學系碩士班
系所名稱(英) Department of Civil Engineering
學年度 98
學期 2
出版年 99
研究生中文姓名 張年翔
研究生英文姓名 Nian-Xiang Zhang
學號 697380193
學位類別 碩士
語文別 中文
口試日期 2010-07-09
論文頁數 103頁
口試委員 指導教授-王人牧
委員-張景鐘
委員-蔡明修
中文關鍵字 Google Maps  風災調查  災損資料庫  XML  MySQL  EXIF 
英文關鍵字 Google Maps  Wind Hazard Investigation  Wind Hazard Loss Database  XML  MySQL  EXIF 
學科別分類 學科別應用科學土木工程及建築
中文摘要 風災為台灣經常發生的一種災害,在歷史的記錄中,風災資訊的建立提供了許多寶貴的防災訊息與教訓,然而龐大的資料若未擁有良好的整理與規劃,其實只是一些難以應用的文字訊息與圖片。
本研究希望透過建立資訊整合的平台,能將這些風災災害的圖片及文字做有系統的記錄,去達到建立整合的資料交換內容,並以XML、MySQL、EXIF三種不同的資料儲存格式當成資料來源,去建置風災資訊平台,透過系統的實作與建立,進一步去比較三種格式的差異與應用性。
為了方便使用者的實用性與操作性,本系統採用網頁伺服器(Apache)透過PHP互動式網路語言來建置使用者介面,使用者只需透過熟悉之瀏覽器,即可操作風災資訊系統,對於目前網路普及的社會一般大眾而言,使用者不需再去學習、適應另一種介面,然而過去傳統的資料庫因缺乏直觀的介面,所以在使用上較不生動,本研究結合Google Maps電子地圖服務做資料的呈現。
以Google Maps結合風災資訊系統,透過地圖介面對風災資訊作存取與進行查詢的動作,相較於典型的風災資訊系統,增強了使用者對受災地點與風災的空間相關性概念,進而去知道各受災地點的地緣關係,這將使災害的狀況更容易被人了解與注意。
英文摘要 There are a lot of damages caused by wind hazards in Taiwan every year.Historical records provide valuable information for disaster prevention and exhortation. However, the large amount of text and pictures are just data that is difficult to use if it is not well organized. This study aims to establish a platform for information integration that can
systematically record wind damage pictures and descriptions. To achieve an integrated information platform with unified exchange content, three different formats, XML,
MySQL and EXIF, were used as information sources. Through the implementation of a Wind-Induced Damage Repository system, the merits and applicability of the three
formats were further compared. In order to facilitate users’ operational utility,the system uses a web server
(Apache) through the PHP language to build an interactive web user interface. Users can operate the Wind-Induced Damage Repository system through their familiar browsers. They don’t need to learn and adapt to another interface. Traditional databases lack of visual interfaces, which make their use less vivid. Another focus of this study was to incorporate digital map services (Google Maps) to present the geographic information of wind damage.
The wind damage investigation information system developed provides a Google Maps interface for information uploading, access and query. Comparing to a typical system, it enhances the users’ understanding of the locations of the damages and the spacial concepts of relevant events, which makes the condition of disasters easier to follow and evaluate.
論文目次 目錄 I
圖目錄 V
表目錄 IX
第 1 章 緒論 1
1.1 研究背景及動機 1
1.2 研究目的 3
1.3 研究方法 5
1.4 研究內容 6
第 2 章 文獻回顧 8
2.1 國外自然災損結合地圖相關研究 8
2.1.1 GEER 之簡介 8
2.1.2 VORTEX-Winds 之簡介 9
2.1.3 NIWA之簡介 12
2.1.4災損調查系統的比較 15
2.2 電子地圖API 17
2.2.1 Google Map簡介 18
2.2.2 Bing Maps簡介 19
2.2.3 Yahoo Map簡介 20
2.2.4 UrMap簡介 21
2.2.5 電子地圖API比較 22
2.3 PHP之簡介 26
2.4 資料格式之簡介 29
2.4.1 XML介紹 29
2.4.2 MySQL介紹 33
2.4.3 EXIF介紹 34
第 3 章 Google Maps API說明與資料格式探討 36
3.1 Google Maps API使用方法 36
3.1.1 Gooogle Maps 開發環境 36
3.1.2 Google Maps簡易建置方法與簡單應用 37
3.2風災資料儲存格式之探討 44
3.2.1 資料儲存格式之比較 45
3.2.2 綜合比較 51
第 4 章 系統架構 54
4.1 系統規劃 54
4.1.1 風災資料蒐集項目之擬定 54
4.1.2 系統需求分析 58
4.1.3 系統架構設計 59
4.2 系統平台之規劃 60
4.2.1 地圖呈現功能模組 63
4.2.2 資料寫入功能模組 66
4.2.3 查詢功能模組 68
4.2.4 輸出功能模組 70
4.3 系統軟硬體架構 71
4.3.1 軟硬體設備 71
4.3.2 伺服器平台 72
第 5 章 風災調查系統介面之建置與測試 73
5.1 系統應用之目的 73
5.2系統功能開發 73
5.2.1地圖經緯度的定位 74
5.2.2 資料存取 77
5.2.3 資料的查詢與篩選 79
5.2.4 資料的地圖呈現 83
5.3系統功能測試 86
5.3.1 系統介面 86
5.3.2測試成果分析 89
第 6 章 結論、建議與展望 96
6.1 結論 96
6.2 建議與展望 98
參考文獻 100

圖目錄
圖1 1 研究流程圖 5
圖2 1 GEES災情查詢地圖 9
圖2 2 Damage Database首頁 10
圖2 3 Damage Database資料輸入介面 11
圖2 4 VORTEX-Winds的災損資料查詢 12
圖2 5 High Intensity Rainfall System V3 14
圖2 6 High Intensity Rainfall System V3生成雨量表 14
圖2 7 Google 向量式地圖 18
圖2 8 Bing Map地圖 20
圖2 9 Yahoo Map結合資訊查詢 21
圖2 10 UrMap 定址定位與路徑規劃 22
圖2 11 Google Maps與Bing Maps呈現樣式 24
圖2 12 UrMaps與Yahoo Maps API 呈現樣式 25
圖2 13 XML相關技術 30
圖 3 1 Google Map地圖介紹 38
圖3 2 縮放平移控制項 40
圖3 3 Google Maps 比例尺圖示 40
圖3 4 Google Map地圖類型 41
圖 3 5 Google Map 鳥瞰地圖 42
圖 3 6台北車站地標標示 43
圖 3 7 GInfoWindow地標設定 44
圖 3 8 XML應用於資料庫的優勢 45
圖 3 9 XML資料傳送方式 46
圖 3 10 MySQL資料庫的優勢 47
圖 3 11 MySQL的資料傳送方式 49
圖 3 12 EXIF的資料傳送方式 51
圖 3 13的資料傳送方式相似圖 52
圖 4 1公路防救災資訊系統查詢介面 55
圖 4 2公路防救災資訊系統輸出介面 56
圖 4 3土石流防災資訊網查詢介面 56
圖 4 4土石流防災資訊網輸出介面 57
圖 4 5風災資訊平台系統架構圖 59
圖 4 6風災資訊系統三層式架構 61
圖 4 7系統功能應用圖 62
圖 4 8風災調查系統使用案例圖 62
圖 4 9細部系統使用案例圖(Google Map顯示) 63
圖 4 10細部系統使用案例圖(顯示地點經緯度) 65
圖 4 11細部系統使用案例圖(管理風災資訊) 66
圖 4 12細部系統使用案例圖(查詢風災資訊) 69
圖 4 13風災資訊圖形化介面 71
圖 5 1 Google Map的定址搜尋 74
圖 5 2申請Google AJAX Search Map 75
圖 5 3監聽目前的圖上的動作與座標 76
圖 5 4 PHP所建立的XML檔案 78
圖 5 5 MySQL資料表建立完成介面 79
圖 5 6 XML透過XSL的篩選結果 80
圖 5 7 EXIF訊息輸出查詢 82
圖 5 8 MySQL資料在網頁中轉換成XML格式 84
圖 5 9 Google Maps呈現風災資訊 85
圖 5 10 風災資訊系統首頁(MySQL&XML) 86
圖 5 11 風災資訊系統首頁(EXIF版) 87
圖 5 12 風災資訊系統資訊填寫介面 88
圖 5 13 風災資訊系統查詢介面 89
圖 5 14風災資訊系統首頁 90
圖 5 15資料來源選擇 90
圖 5 16系統定位輸入與日期選擇 91
圖 5 17照片訊息輸入介面 92
圖 5 18 風災資訊查詢介面 93
圖 5 19 風災資訊查詢結果 93
圖 5 20 風災資訊視窗內容 94
圖 5 21 地圖範圍查看region 95
圖 5 22 地圖範圍資料呈現 95

表目錄
表1 1 研究目的 4
表2 1 災情調查評比表 15
表2 2系統開放性評比表 15
表2 3資訊儲存格式與輸出評比表 16
表2 4 Web GIS應用評比表 16
表2 5各電子地圖提供之API比較表 23
表2 6 EXIF訊息內容 34
表 3 1控制項類表 39
表 3 2 XML Query與SQL的比較 52
表 3 3風災資訊應用的方式說明 53
表 4 1風災資料蒐集項目 57
表 4 2點選地圖標記案例說明 64
表 4 3開啟訊息視窗案例說明 64
表4 4移動地圖中心案例說明 65
表 4 5顯示地圖中心座標案例說明 65
表 4 6建立風災資訊案例說明 67
表 4 7驗證風災資訊案例說明 67
表 4 8修改舊風災資訊案例說明 67
表 4 9刪除風災資訊案例說明 68
表 4 10查詢年份風災資訊案例說明 69
表 4 11查詢類型風災資訊案例說明 69
表 4 12查詢國家風災資訊案例說明 70
表 4 13查詢上傳者風災資訊案例說明 70
表 4 14讀出多筆資訊案例說明 70
表 4 15伺服器軟硬體規格 72


參考文獻 1.張景鐘、王人牧、林煜哲、賴勇閣,「風災調查與風害模式之探討」,內政部建築研究所委託研究報告,PG9502-0780(2006)。
2.XML Tutorial,http://www.w3schools.com/xml/default.asp,accessed July 2010。
3.MySQL官方網站。 http://www.mysql.com/,accessed July 2010。
4.EXIF官方網站。 http://www.exif.org/,accessed July 2010。
5.World Wide Web Consortium (W3C), http://www.w3.org/,accessed July 2010。
6.Japan Electronic Industry Development Association, http://www.jeita.or.jp/,accessed July 2010。
7.地理資訊系統GIS, http://gis.funp.tw/,accessed July 2010。
8.Google Maps, http://maps.google.com/,accessed July 2010。
9.The Apache Software Foundation: The Apache HTTP Server Project, http://httpd.apache.org/ ,accessed July 2010。
10.位元文化,「PHP 5.0 動態網頁入門實務」,文魁資訊股份有限公司(2004)。
11.Google Maps API, http://www.google.com/apis/maps/,accessed July 2010。
12.黃三益,「資料庫的核心理論與實務」,東華書局(2008)。
13.黃泳瑜、徐蕙英,「精彩XML 新世代網頁設計」,網奕資訊(2005)。
14.Geo-engineering Extreme Events Reconnaissance, http://www.geerassociation.org/,accessed July 2010。
15.Geotechnical Earthquake Engineering Server, http://gees.usc.edu/,accessed July 2010。
16.賴信安,結合全球定位系統與GOOGLE MAPS於行動軌跡追蹤之應用,國立臺灣大學工學院工程科學及海洋工程學研究所 ,碩士論文(2007)。
17.Virtual Organization to Reduce the Toll of Extreme Winds on Society, https://www.vortex-winds.org/drupal/,accessed July 2010。
18.NIWA, http://www.niwa.co.nz/,accessed July 2010。
19.Bing Maps, http://www.bing.com/maps/,accessed July 2010。
20.Yahoo Maps, http://tw.maps.yahoo.com/,accessed July 2010。
21.Garrett, J. J. (2005). "Ajax: A New Approach to Web AppAjax: A New Approach to Web Applicationslications.", http://adaptivepath.com/ideas/essays/archives/000385.php,accessed July 2010。
22.UrMap, http://www.urmap.com/,accessed July 2010。
23.PHP: Hypertext Preprocessor, http://php.net/ ,accessed July 2010。
24.施威銘,「SQL Service 2000管理實務概論」,施威銘研究室,旗標出版股份有限公司(2005)。
25.About SAX, http://sax.sourceforge.net/,accessed July 2010。
26.Document Object Model, http://www.w3.org/DOM/,accessed July 2010。
27.交通部運輸研究所,http://bobe.thb.gov.tw/,accessed July 2010。
28.行政院農業委員會水土保持局http://246.swcb.gov.tw/default-1.asp,accessed July 2010。
29.Martin Fowler,UML精華應用標準物件模式語言,合作出版(1992)。
30.簡欣俞,風災調查和災損資料庫建置與保險制度探討,國立臺灣海洋大學河海工程學系,碩士論文(2007)。
31.吳建達,動態網頁應用程式調校以Apache+PHP+MySQL為例,國立清華大學資訊系統與應用研究所,碩士論文(2005)。
32.林煜哲,以XML為基礎之風災調查輔助資訊系統,淡江大學土木工程學系,碩士論文(2007)。
33.phpmyadmin, http://www.phpmyadmin.net/,accessed July 2010。
34.蔡志彬,「XML 技術應用在異質資料庫整合的實例探討」,國立臺灣科技大學工程技術研究所,碩士論文(2000)。
35.許儷玶,整合Google Map與Location-Based Workflow Service 之平台建置與探討,國立台灣師範大學資訊工程研究所,碩士論文(2009)。
論文使用權限
  • 同意紙本無償授權給館內讀者為學術之目的重製使用,於2013-08-23公開。
  • 同意授權瀏覽/列印電子全文服務,於2013-08-23起公開。


  • 若您有任何疑問,請與我們聯絡!
    圖書館: 請來電 (02)2621-5656 轉 2281 或 來信