Commit c0f209e2 authored by Joe TS Dell's avatar Joe TS Dell
Browse files

up

parent 699757ff
Pipeline #1147 passed with stage
in 1 second
...@@ -42,8 +42,7 @@ ...@@ -42,8 +42,7 @@
<h1>Creating Interactive 3D Web Maps with CesiumJS and 3D City Models</h1> <h1>Creating Interactive 3D Web Maps with CesiumJS and 3D City Models</h1>
<img src="img/6.JPG" alt="" style="width: 1000px;"><br> <img src="img/6.JPG" alt="" style="width: 1000px;"><br>
<h3>Step 1: Preparing 3D City Models</h3> <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 <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>
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 couse, you are freely to explore this method with any CityGML datasets.</p>
<li> Download the CityGML dataset from <a <li> Download the CityGML dataset from <a
href="https://denhaag.dataplatform.nl/#/data/36049d1a-4a0f-4c5d-8adb-21dbfb7252f9" href="https://denhaag.dataplatform.nl/#/data/36049d1a-4a0f-4c5d-8adb-21dbfb7252f9"
target="_blank">https://denhaag.dataplatform.nl/#/data/36049d1a-4a0f-4c5d-8adb-21dbfb7252f9</a> in the target="_blank">https://denhaag.dataplatform.nl/#/data/36049d1a-4a0f-4c5d-8adb-21dbfb7252f9</a> in the
...@@ -68,8 +67,7 @@ ...@@ -68,8 +67,7 @@
</li> </li>
<hr> <hr>
<h3>Step 2: Preparing HTML for CesiumJS</h3> <h3>Step 2: Preparing HTML for CesiumJS</h3>
In this step, we will create HTML web document containing the 3D Web Globe using CesiumJS library. You can use In this step, we will create an HTML web document containing the 3D Web Globe using CesiumJS library. You can use any code Idle or editor. In this example, I named it as denHaagApp.html. You can create the document with the name you like and copy the following code. Don't forget to specify the URL on line 24 to the target Tileset.json. If you do this for the first time, you can come back after you set up the web server in step three.
any code Idle or editor. In this example, I named it as denHaagApp.html. You can create the document with the name you like and copy the following code. Dont forget to specify the URL on line 24 to the target Tileset.json. If you do this for the first time, you can come back after you set up the web server in step three.
<script src="https://gist.github.com/JoeThunyathep/0a97950f69952ea13759e0f245416604.js"></script> <script src="https://gist.github.com/JoeThunyathep/0a97950f69952ea13759e0f245416604.js"></script>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment