Development of a Web-Browser Based Interface for 3D Data—A Case Study of a Plug-in Free Approach for Visualizing Energy Modelling Results

This research explores the usage of freely available open-source resources for the deployment of a plug-in free web-application interface for 3D geospatial data to visualize energy related modelling and simulation results. Such plug-in free web mapping applications will be essential for future cartographic web applications as forthcoming web browsers will no longer support the usage and installation of those plug-ins used in the past. As a proof of concept, a 3D city model of the city of Karlsruhe in Germany consisting of over 87,000 buildings is used as a case study. This data set was compiled using OpenStreetMap data and outputs from energy simulation models. The CityGML format is used for data storage of this multi-domain data set. In order to ensure independence from browser plug-ins, HTML5 and freely available JavaScript libraries are used for the creation of this application. Multiple analytical cartographic and geospatial functions such as cartographic classification, attribute selection, descriptive statistics, spatial buffer analysis and the retrieval of modelling results from a PostgreSQL and PostGIS data infrastructure are implemented in this interface. This paper further discusses some case studies, future enhancement opportunities of the proposed interface and experiences gathered during the interface development process that would help other cartographers and GIScientists in developing future native 3D web mapping applications.

[1]  A. Baumgartner,et al.  Fusion of LIDAR data and aerial imagery for automatic reconstruction of building surfaces , 2003, 2003 2nd GRSS/ISPRS Joint Workshop on Remote Sensing and Data Fusion over Urban Areas.

[2]  T. H. Kolbe,et al.  The Virtual 3D City Model of Berlin-Managing, Integrating, and Communicating Complex Urban Information , 2006 .

[3]  Cynthia A. Brewer,et al.  Framing Guidelines for Multi-Scale Map Design Using Databases at Multiple Resolutions , 2007 .

[4]  Bob McNamara,et al.  Prefiltered antialiased lines using half-plane distance functions , 2000, Workshop on Graphics Hardware.

[5]  Michael P. Peterson.  Evaluating Mapping APIs , 2014, CARTOCON.

[6]  Guillaume Lavoué,et al.  Streaming compressed 3D data on the web using JavaScript and WebGL , 2013, Web3D '13.

[7]  Terry A. Slocum.  Thematic Cartography and Visualization , 1998 .

[8]  Raffaele de Amicis,et al.  Large-Scale Assessment and Visualization of the Energy Performance of Buildings with Ecomaps - Project SUNSHINE: Smart Urban Services for Higher Energy Efficiency , 2014, DATA.

[9]  Adam Barth,et al.  Protecting Browsers from Extension Vulnerabilities , 2010, NDSS.

[10]  Georg Gartner,et al.  MAPMAP.JS: A DATA-DRIVEN WEB MAPPING API FOR THEMATIC CARTOGRAPHY , 2015, Revista Brasileira de Cartografia.

[11]  Sebastiaan Meijer,et al.  Gaming, Urban Planning and Transportation Design Process , 2015 .

[12]  Alan J. Dix.  Human-Computer Interaction , 2018, Encyclopedia of Database Systems.

[13]  Wang Ming,et al.  A 3D Web GIS System Based on VRML and X3D , 2008, 2008 Second International Conference on Genetic and Evolutionary Computing.

[14]  Enrique Kremers,et al.  Towards a 3D Spatial Urban Energy Modelling Approach , 2013, Int. J. 3 D Inf. Model..

[15]  G. C. Shephard,et al.  Rotation and winding numbers for planar polygons and curves , 1990 .

[16]  Bernd Resch,et al.  Web-based 4D visualization of marine geo-data using WebGL , 2014 .

[17]  S. Hinz,et al.  EXTRACTION OF BUILIDNG SHAPE FROM TANDEM-X DATA , 2013 .

[18]  Bojan Savric,et al.  Real-time raster projection for web maps , 2016, Int. J. Digit. Earth.

[19]  Cynthia A. Brewer,et al.  ColorBrewer.org: An Online Tool for Selecting Colour Schemes for Maps , 2003 .

[20]  Michael Coleman,et al.  Software Engineering for Students , 1986 .