<p>The recent technology of virtual globe-based 3D visualization is a unique opportunity to facilitate advanced analysis and visualization tasks in a variety of application domains such as urban planning, indoor/outdoor pedestrian navigation, environmental simulations, cultural heritage, or facility management. One core data which make this concept come true is the development of the CityGML models by Open Geospatial Consortium (OGC — https://www.ogc.org/). CityGML is the global data model schema for describing 3D geo-spatially-enabled urban models. There are more and more cities that provide open-source CityGML models publicly.</p>
<p>The recent technology of virtual globe-based 3D visualization is a unique opportunity to facilitate advanced
analysis and visualization tasks in a variety of application domains such as urban planning, indoor/outdoor
pedestrian navigation, environmental simulations, cultural heritage, or facility management. One core data
which make this concept come true is the development of the CityGML models by Open Geospatial Consortium
(OGC — https://www.ogc.org/). CityGML is the global data model schema for describing 3D
geo-spatially-enabled urban models. There are more and more cities that provide open-source CityGML models
publicly.</p>
<imgsrc="img/6.JPG"alt=""style="width: 800px;">
<br>(An Expected Output from This Workshop — 3D Web App with 3D Semantic Building Models in Den Haag Area)
The overall system architecture of the 3D web-based app is shown in the figure above. It includes four main components: CityGML dataset, 3D Tiles dataset, Web server, and Users.
The overall system architecture of the 3D web-based app is shown in the figure above. It includes four main
components: CityGML dataset, 3D Tiles dataset, Web server, and Users.
<br><b>So, let’s get started and create each component together</b><br>
<hr>
<h3>Step 1: Preparing 3D City Models</h3>
<p>In this step, we will download the 3D city models in CityGML format. Then, convert the models to 3D Tiles
format for optimizing the 3D web visualization. In this article, I picked the 3D city models from Den Haag
area as it is a compact model. Of course, you are free to explore this method with any CityGML datasets.</p>
<li>Open XAMPP Control Panel and start Apache HTTP web service. <br>Optionally, you can start the Apache manually via <code> [(part to Apache)]\apache\bin\httpd.exe </code>. Or, use Terminal to enter <code>sudo apachectl start</code> and <code>sudo apachectl stop</code> commands to start and stop Apache service.
<li>Open XAMPP Control Panel and start Apache HTTP web service. <br>Optionally, you can start the Apache
manually via <code> [(part to Apache)]\apache\bin\httpd.exe </code>. Or, use Terminal to enter <code>sudo
apachectl start</code> and <code>sudo apachectl stop</code> commands to start and stop Apache service.
<li><ahref="https://transfer.hft-stuttgart.de/pages/urbanvis/index.html">Wind Simulation Platform</a> in the Cesium 3D Web Application</li>
<li><ahref="https://steinbeis-3dps.eu/3DGeoVolumes/">3D Visualization Server</a> for hosting 3D building models created by the 3D GeoVolumes API (3D Container API)Specification</li>
<li><ahref="https://steinbeis-3dps.eu/geoportal_3diot/#/">OGC 3D IoT Pilot - Sejong, South Korea</a> with air quality sensor data (SensorThings API)</li>
<li><ahref="https://deutschland.virtualcitymap.de/#/">Deutschland in 3D</a> 3D Web Application Visualizing German Cities</li>
<li><ahref="https://transfer.hft-stuttgart.de/pages/urbanvis/index.html">Wind Simulation Platform</a> in the
Cesium 3D Web Application</li>
<li><ahref="https://steinbeis-3dps.eu/3DGeoVolumes/">3D Visualization Server</a> for hosting 3D building models
created by the 3D GeoVolumes API (3D Container API)Specification</li>
<li><ahref="https://steinbeis-3dps.eu/geoportal_3diot/#/">OGC 3D IoT Pilot - Sejong, South Korea</a> with air
quality sensor data (SensorThings API)</li>
<li><ahref="https://deutschland.virtualcitymap.de/#/">Deutschland in 3D</a> 3D Web Application Visualizing
German Cities</li>
<li>Explore other <ahref="https://3d.bk.tudelft.nl/opendata/opencities/">CityGML Datasets</a></li>
<hr>
...
...
@@ -185,11 +221,11 @@
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->