Tài liệu Slide research on 3d technology to build a flood model basing on webgis at ho chi minh city

THE 14TH CONFERENCE ON SCIENCE AND TECHNOLOGY Topic: Research on 3D technology to build a flood model basing on WebGIS at Ho Chi Minh city Institue of Geography Resource HCMC GIS and Remote sensing Research Center Contents 1 Overview 2 6 7 Purpose 3 System Architecture 4 Prepare Data 5 Build Application Result Discussion GIS and Remote sensing Research Center http://girs.vn/ Overview Ở đâu? GIS and Remote sensing Research Center http://girs.vn/ Purpose Kết hợp WebGIS Mô hình 3D GIS and Remote sensing Research Center http://girs.vn/ System Architecture GIS and Remote sensing Research Center http://girs.vn/ System Architecture GIS and Remote sensing Research Center http://girs.vn/ Prepare Data Download DEM data • ASTER GDEM - 3 arc second • Cut Dem data belong HCM city boundary. Prepare Data for WebGL • Parse 3d files – DEM to Js Array • Base 64 image Download HCM city data • OpenStreet Map • Import to PostgreSQL GIS and Remote sensing Research Center http://girs.vn/ Build WebGIS Mapserver • Create Mapfile • Config Web Map Service (WMS) Openlayers • Call WMS function • Tools: Drag, Zoom out/in, get information PostgreSQL • Import HCM city base data GIS and Remote sensing Research Center http://girs.vn/ Build 3D display function • • • • • • • • Create HTML page; Embed Threejs lib; Create a Scene; Create Renderer function: SVG, canvas renderers, WebGL renderer; Add a Camera; Add Lighting; Add Geometry; Add Control; GIS and Remote sensing Research Center http://girs.vn/ Result GIS and Remote sensing Research Center http://girs.vn/ Result GIS and Remote sensing Research Center http://girs.vn/ Result and Discussion Advantage Display visually Use easily Develop the applications base on Open source? Defect Loading slowly GIS and Remote sensing Research Center http://girs.vn/ Reference • • • • • • • • [1] Wikipedia, “3D modeling,” 24 July 2015, 2015. [Online]. Available: https://en.wikipedia.org/wiki/3D_modeling. [2] Wikipedia, “OpenGL,” 2015. [Online]. Available: https://vi.wikipedia.org/wiki/OpenGL. [3] GIRS, “Công nghệ WebGL trong việc thể hiện địa hình trên WebGIS,” 2015. [Online]. Available: http://girs.vn/?lang=vi&productid=2. [4] N. T. H. Đỗ Thành Long, Trần Thái Bình, Trần Đình Trung, “Ứng dụng công nghệ mã nguồn mở trong xây dựng WebGIS phục vụ công bố thông tin Khí tượng Thủy văn,” Tuyển tập báo cáo Hội thảo Khoa học thường niên 2014 - Phân viện Khí tượng Thủy văn và Biến đổi Khí Hậu, p. 192, 2014. [5] ASTER GDEM, “ASTER GDEM.” [Online]. Available: http://gdem.ersdac.jspacesystems.or.jp/. [6] F. Bösch, “parse-3d-files,” Github, 2011. [Online]. Available: https://github.com/pyalot/parse-3d-files. [7] GDAL, “GDAL: GDAL - Geospatial Data Abstraction Library.” [Online]. Available: http://www.gdal.org/. [8] Three.js, “three.js / documentation.” [Online]. Available: http://threejs.org/docs/. GIS and Remote sensing Research Center http://girs.vn/ Thank you very much!